.alert {
  border: 1px solid rgba(198, 83, 140, 0.88);
}
.total_row{
  /*font-size: 14px !important;*/
  font-weight:bold !important;
}
.gray {
  -moz-filter: grayscale(50%);
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
}

body,
body H1 .Poppins.h1,
.nav-second-level li a img .h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  /*font-family: 'Poppins', sans-serif;*/
  /* //font-family: 'Montserrat', sans-serif !important; */
  font-family: "Nunito Sans", sans-serif !important;
}

.padding_top {
  padding-top: 25px !important;
}

.export-action-buttons a {
  color: #046AC3 !important;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #046AC3 !important;
  border-color: #046AC3 !important;
}

body.authentication-bg {
  background-color: #046AC3 !important;
  background-size: cover;
  background-position: center;
}

body[data-layout-mode=horizontal][data-topbar-color=light] .topnav {
  background-color: #046AC3;
}

.megamenu-list li a:hover {
  color: #046AC3;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: 'Montserrat', sans-serif !important; */
}

.export-button {
  cursor: pointer;
}
.enchor_tag {
  color : #046AC3 !important;
}
.font-weight {
  font-weight : bold !important;
}

.btn-primary {
  color: #fff;
  border-color: #046AC3 !important;
  background-color: #046AC3 !important;
}

.progress-bar {
  background-color: #046AC3 !important;
}

.customer_list_view .pageResponse td .customer_detail_img img {
  border-radius: 50% !important;
  margin-right: 8px;
}

.customer_list_view .pageResponse td .customer_action_datatable .card-drop .mdi-dots-vertical {
  font-size: 20px;
  color: #20CC7D;
}

.customer_list_view .pageResponse .dataTables_scrollBody {
  overflow: unset !important;
}

.customer_list_view .pageResponse td .customer_no_job {
  float: left;
}

.customer_list_view .pageResponse td .customer_no_assignment {
  float: left;
}

.customer_list_view .pageResponse td .customer_no_employee {
  float: left;
}

.customer_list_view .pageResponse td .customer_action_datatable {
  text-align: center;
}

.customer_list_view .pageResponse #data_table_body tr td .customer-heading {
  font-size: 14px;
  font-weight: 700;
  color: #046AC3;
}

.customer_list_view .pageResponse td .customer_id_datatable {
  color: #046AC3;
  margin-left: 13px;
}

.customer_list_view .pageResponse .customInfo .total_count_pagination {
  margin-top: 3px;
}

.customer_list_view .pageResponse td .dropdown-eye {
  margin-left: 14px;
}

.customer_list_view .pageResponse #data_table_body tr td .dropdown-eye .fa-eye {
  color: #20CC7D;
}

.export-action-buttons {
  position: relative;
  right: 0px;
  padding-top: 6px;
}

.export-action-buttons a {
  display: inline-block;
  margin-right: 10px;
}

.current a {
  color: #fff !important;
  background-color: #046AC3;
  padding: .6rem 1rem;
}

.nav-pills .nav-link {
  border-radius: 0px;
}

.dt-button {
  padding: 6px;
  float: right;
  background: transparent;
}

#data_table_filter input {
  margin-right: 12px;
  border: 1px solid #cccccc;
  padding: 3px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  margin-bottom: 0;
  border-radius: 3px;
  margin-top: -4px;
}

.pagination {
  margin-top: -18px;
  float: right;
}

pull-left {
  float: right !important;
}

.bootstrap-select > .dropdown-toggle[title=Select],
.bootstrap-select > .dropdown-toggle[title=Select]:hover,
.bootstrap-select > .dropdown-toggle[title=Select]:focus,
.bootstrap-select > .dropdown-toggle[title=Select]:active {
  background-color: #046AC3 !important;
  color: #fff !important;
}

.bootstrap-select > .btn-light,
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  /*background-color:#17cc7d !important;
	color:#fff!important;;*/
}

.resetFilterApplied .customInfo {
  display: none;
}

.resetFilterApplied table.dataTable thead .sorting_asc:before,
.resetFilterApplied table.dataTable thead .sorting:before,
.resetFilterApplied table.dataTable thead .sorting:after,
.resetFilterApplied table.dataTable thead .sorting_asc:after {
  display: none;
}

.resetFilterApplied table.dataTable thead .sorting:after {
  display: none;
}

/*.pagination .disabled {*/
/*    background: #FFFFFF !important;*/
/*}*/
.dataTables_length {
  text-align: left !important;
  /*display: none;*/
}

.dataTables_info {
  text-align: left !important;
  /*display: none;*/
}

.dataTables_wrapper .pagination .previous a {
  font-size: 0px !important;
}

.pagination .next a {
  font-size: 0px !important;
}

.pagination li:hover {
  background-color: none !important;
}

.dataTables_filter {
  float: right;
}

.dataTables_filter label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.0 em;
  display: inline-block;
  width: auto;
}

#data_table_wrapper .row {
  display: block;
}

.dt-buttons {
  float: right !important;
  margin-top: -7px;
  position: absolute;
  right: 24px;
  top: -25px;
}

.dt-button-collection .buttons-columnVisibility:before,
.dt-button-collection .buttons-columnVisibility.active span:before {
  display: block;
  position: absolute;
  top: 1.2em;
  left: 0;
  width: 12px;
  height: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.dt-button-collection .buttons-columnVisibility:before {
  content: ' ';
  margin-top: -6px;
  margin-left: 5px;
  border: 1px solid #7E57C2;
  border-radius: 0px;
}

.dt-button-collection .buttons-columnVisibility.active span:before {
  color: #7E57C2;
  content: '\2714';
  margin-top: -11px;
  margin-left: 8px;
  text-align: center;
  text-shadow: 1px 1px #DDD, -1px -1px #DDD, 1px -1px #DDD, -1px 1px #DDD;
}

.dt-button-collection .buttons-columnVisibility span {
  margin-left: 8px;
}

.dt-button-collection .buttons-columnVisibility,
.buttons-columnVisibility .active {
  border: none !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-image: '';
}

.dt-button-background {
  background: none !important;
}

.export-action-buttons a {
  font-size: 20px;
}

.page-title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

ol li {
  margin-top: 23px;
  margin-left: 10px;
}
.bread_crumb_reports li {
  margin-top: 0px !important;
  margin-left: 0px !important;
}
.applicant_page_row{
  justify-content: space-between !important;
  align-items: center !important;
  display: flex !important;
  margin: 16px 0;
}
.applicant_page_row .page-title-box{
  display: flex;
  flex-direction: column;
  margin: 16px 0 10px 0px;
}
.applicant_page_row .bread_crumb_crud li{
  margin-top: 0px !important;
  margin-left: 0px !important;
}

.applicant_page_row .bread_crumb_crud i{
  margin-left: 0 !important;
}
.other_page_row{
  display: flex;
  align-items: start;
  justify-content: flex-start;
  gap: 15px;
  flex-direction: column;
  margin: 15px 0;
}

.breadcrumb i {
  margin-left: 19px;
  font-size: 16px;
  margin-right: 6px;
}

.bread_crumb_reports i{
  margin-left: 0 !important;
}
.not_customer_list{
  display: flex;
  align-items: center;
  justify-content: end;
}
.function_btns {
  margin-top: 12px;
}

.function_btns ul{
  margin: 0 !important;
}

.sidebarSetting .function_btns > button {
  margin-right: 0;
}

.dt-fitlers {
  font-size: 14px;
}

.ui-datepicker {
  font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
  font-size: 130%;
}

.ui-datepicker-trigger {
  position: absolute;
  top: 0;
  width: 27px;
  height: 25px;
  cursor: pointer;
  right: 0;
  background: url(../images/icon-calendar.png) no-repeat;
  background-position: center;
}

.search-panel .ui-datepicker-trigger {
  display: none;
}

#pageForm1 label,
.ajax-response .row .col-md-2 label {
  font-weight: 400;
}

.fancybox-skin {
  /*border: 4px solid #89be3c !important;*/
  /*border-radius: 10px !important;*/
  padding: 0 !important;
}

.fancybox-inner > fieldset,
.fancybox-inner .field-set > fieldset {
  border: 0;
  margin: 0;
  padding: 0 !important;
}

.fancybox-inner {
  width: 100%;
  min-width: 300px;
  background: #ffffff;
  border-radius: 10px !important;
  overflow: hidden;
}

.fancybox-inner > fieldset,
.fancybox-inner .field-set > fieldset,
.fancybox-inner #results-div > fieldset {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 50px 15px 0 !important;
}

.fancybox-inner > fieldset > legend,
.fancybox-inner .field-set > fieldset > legend,
.fancybox-inner #results-div > fieldset > legend {
  width: 100%;
  background: url(../images/ico-browsec.jpg) no-repeat #ededed;
  background: url(../../../public/images/) no-repeat #ededed;
  background-position: 8px 10px;
  border: 0 none;
  color: #343434;
  font-size: 22px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  text-indent: 32px;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  top: 0;
  left: 0;
}

.fancybox-inner fieldset form {
  padding: 0 15px 15px;
}

.fancybox-inner input[type="text"],
.fancybox-inner input[type="email"],
.fancybox-inner input[type="password"],
.fancybox-inner input[type="number"],
.fancybox-inner textarea,
.fancybox-inner select {
  /*border: 2px solid #4f90ca;*/
  border-radius: 3px;
}

.fancybox-inner [type=checkbox] + label:before {
  border: 2px solid #4f90ca;
}

.fe-chevrons-right:before {
  border-radius: 3px;
  background: cornflowerblue;
  content: "\e847";
  height: 10px;
  font-size: 30px;
  color: white;
}

.bootstrap-select .inner {
  overflow-y: auto !important;
}

.pagination .previous a::before {
  font-family: "LineAwesome";
  content: '\003C';
  font-size: 14px;
}

.pagination .next a::after {
  font-family: "LineAwesome";
  content: '\003E';
  font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 1px !important;
}

div.dataTables_wrapper div.dataTables_info {
  font-size: 12px;
}

@media (max-width: 767.98px) {
  .page-title-box .breadcrumb {
    display: block;
  }
}

@media (min-width: 1367px) {
  body[data-layout-mode=horizontal] .container-fluid {
    max-width: 100%;
  }
}

@media (max-width: 1620px) {
  body[data-layout-mode=horizontal] .custom_fields_tabs {
    min-width: 600px !important;
  }
}

.mainpopup {
  width: 400px !important;
  padding-bottom: 20px !important;
}

.m-portlet__head {
  border-bottom: 1px solid #ebedf2;
}

.m-portlet__head h3 {
  text-align: center;
}

.remove_icon {
  text-align: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.remove_icon i {
  font-size: 25px;
  color: #f1556c;
}

.custom-dropdown {
  position: relative;
  height: 27px;
}

.custom-dropdown > label {
  display: block;
  width: 100%;
  height: 34px;
  line-height: 32px;
  border: 1px solid #cccccc;
  padding: 0px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  margin-bottom: 0;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* min-height: 36px; */
  -webkit-line-clamp: 1;
}

.custom-dropdown > label .fa {
  position: absolute;
  right: 11px;
  top: 8px;
}

.custom-dropdown > label .fa.fa-sort-down::before {
  content: "\f107";
}

.custom-dropdown ul {
  display: none;
  background-color: #ffffff;
  overflow: auto;
  border: 1px solid #799bd2;
  max-height: 200px;
  overflow: auto;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 100000;
  padding-left: 0;
}

.custom-dropdown ul li {
  padding: 8px 15px;
}

.custom-dropdown .checkbox label {
  font-weight: 400;
}

.custom-dropdown ul li:hover {
  background-color: #f7f8f9;
}

.m-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
  padding-left: 34px;
}

label {
  font-weight: 400;
}

.border_box i {
  font-size: 28px;
}

.m-portlet {
  width: 100% !important;
}

.m-portlet__body form {
  width: 100% !important;
}

/*==========Overlay Loader=============*/
#overlay-dev-new {
  background: rgba(131, 131, 131, 0.6);
  color: #fff;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  display: none;
}

#overlay-dev-new span {
  top: 50% !important;
}

#overlay-dev-new .spinner {
  margin: 0 auto;
  height: 64px;
  top: 50% !important;
  width: 64px;
  -webkit-animation: rotate 0.8s infinite linear;
          animation: rotate 0.8s infinite linear;
  border: 5px solid #046AC3;
  border-right-color: transparent;
  border-radius: 50%;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.add_job #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.add_job #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 104px;
  left: -22px;
}

.delete_job #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.delete_job #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 25px;
  left: -22px;
}

.add_shift #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.add_shift #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 150px;
  left: -22px;
}

.delete_shift #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.delete_shift #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 25px;
  left: -22px;
}

.edit-visa #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.edit-visa #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 65px;
  left: -22px;
}

.add-visa #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.add-visa #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 65px;
  left: -22px;
}

.delete-visa #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.delete-visa #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 25px;
  left: -22px;
}

.add-functional-area #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.add-functional-area #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 105px;
  left: -22px;
}

.edit-functional-area #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.edit-functional-area #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 105px;
  left: -22px;
}

.del-functional-area #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.del-functional-area #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 25px;
  left: -22px;
}

.add_jobskills #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.add_jobskills #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 65px;
  left: -22px;
}

.edit_jobskills #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.edit_jobskills #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 65px;
  left: -22px;
}

.del_jobskills #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.del_jobskills #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 25px;
  left: -22px;
}

.add_education_lvl #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.add_education_lvl #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 65px;
  left: -22px;
}

.edit_education_lvl #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.edit_education_lvl #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 65px;
  left: -22px;
}

.del_education_lvl #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.del_education_lvl #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 25px;
  left: -22px;
}

.add_checklist #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.add_checklist #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 65px;
  left: -22px;
}

.edit_checklist #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.edit_checklist #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 65px;
  left: -22px;
}

.del_checklist #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.del_checklist #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 25px;
  left: -22px;
}

.add_emailtemplate #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.add_emailtemplate #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 100%;
}

.edit_emailtemplate #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.edit_emailtemplate #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 65px;
  left: -22px;
}

.del_emailtemplate #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

.del_emailtemplate #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  height: 20px;
  margin-top: 25px;
  left: -22px;
}

/* layout Fixes */
.notification-list .noti-icon-badge {
  top: 17px;
  right: 5px;
}

.navbar-custom .topnav-menu .nav-link,
.topnav-menu li a.nav-link {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar-custom .topnav-menu .nav-link {
  padding: 0 15px;
  color: rgba(255, 255, 255, 0.6);
  min-width: 32px;
  display: block;
  line-height: 70px;
  text-align: center;
  max-height: 70px;
  height: 70px;
}

.navbar-custom .topnav-menu .nav-link.Header_Add_New_Btn {
  border: 1px solid;
  border-radius: 4px;
  line-height: inherit;
  width: auto;
  min-width: auto;
  padding: 5px 12px;
  font-size: 13px;
  margin-right: 36px;
}

.topnav-menu .d-sm-block .new_header_btn {
  top: 20px;
  left: 1367px;
  margin-right: 30px;
  width: 96px;
  height: 30px;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  opacity: 1;
  margin-top: 2px;
}

.new_head_add_btn {
  margin-top: 18px;
  margin-left: 41px;
}

.topnav-menu .d-sm-block .new_header_btn:hover {
  background-color: #fff;
}

.topnav-menu .d-sm-block .new_header_btn:hover span {
  color: black;
}

.topnav-menu .d-sm-block .new_header_btn .txt-icon {
  font-size: 22px;
  margin-right: 5px;
  margin-bottom: 2px;
}

.navbar-custom .topnav-menu > li.padding_top_x {
  padding-top: 0;
}

.topnav-menu .d-sm-block .add_link_dropdown .new_head_icon {
  width: 116px;
  height: 90px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.1px solid #DADADA;
  opacity: 1;
  overflow: hidden;
}

body[data-topbar-color=light] .navbar-custom .new_head_add_btn.show .nav-link:hover {
  background-color: #fff !important;
}

.topnav-menu .d-sm-block .add_link_dropdown .new_head_icon a[href*="/admin/employees/assignments/create"] .new_head_link_txt {
  margin-left: 3px;
}

.topnav-menu .d-sm-block .add_link_dropdown .new_head_icon a[href*="/admin/invoices/create"] .new_head_link_txt {
  margin-left: -4px;
}

.topnav-menu .d-sm-block .add_link_dropdown .new_head_icon a[href*="/admin/employees/timesheet/weekly"] .new_head_link_txt {
  margin-left: -16px;
}

.topnav-menu .d-sm-block .add_link_dropdown .new_head_icon a[href*="/recruitment/applicants/create"] .new_head_link_txt {
  margin-left: -13px;
}

.topnav-menu .d-sm-block .add_link_dropdown .new_head_icon a[href*="/admin/customers/create"] .new_head_link_txt {
  margin-left: -14px;
}

.topnav-menu .d-sm-block .add_link_dropdown .new_head_icon a[href*="admin/payment/multiple-payments/0/0"] .new_head_link_txt {
  margin-left: -13px;
}

.topnav-menu .d-sm-block .add_link_dropdown .new_head_icon a[href*="/#"] .new_head_link_txt {
  margin-left: 1px;
}

.topnav-menu .d-sm-block .add_link_dropdown .new_head_icon .new_head_link_layout {
  margin-right: 5px !important;
  margin-top: 12px;
}
.topnav-menu .d-sm-block .add_link_dropdown .new_head_icon .new_head_link_layout:last-child{
  margin-top: 0;
}

.topnav-menu .d-sm-block .add_link_dropdown .new_head_icon .new_head_link_layout .new_head_link_txt {
  text-align: left;
  letter-spacing: 0px;
  color: #323A47;
  opacity: 1;
  font-size: 14px;
  font-family: 'Poppins';
  font-style: normal;
}

.topnav-menu .d-sm-block .add_link_dropdown .new_head_icon .new_head_link_layout:hover {
  background-color: #fff;
}

.nav-link {
  display: block;
  padding: .6rem 1rem;
}

.applicants_input {
  margin-bottom: 10px;
}

select.form-control.m_selectpicker,
select.selectpicker.group_action {
  display: block;
  background: url(../../../images/Down_Arrow.svg) no-repeat #fff;
  /*background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat #fff;*/
  background-position: right 7px center;
  -moz-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.hide {
  display: none;
}

#response_table th.date_heading span:first-child,
#response_table th.date_heading span:last-child {
  text-transform: uppercase;
  line-height: 1;
  display: block;
  margin-left: 15px;
}

#response_table th.date_heading span:first-child {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

#response_table th.date_heading span:last-child {
  font-size: 25px;
  text-transform: uppercase;
  font-weight: 600;
}

#response_table .form-inline label {
  margin-right: 10px;
}

.employee_names,
#response_table .form-inline label {
  font-weight: 400;
}

.employee_names i.fa-eye {
  color: #b1b1b1;
}

#response_table th.employee_names {
  vertical-align: bottom;
  padding: 8px 10px;
}

.schedules_calender_holder {
  display: inline-block;
  margin: 0 10px;
}

.schedules_calender_holder a {
  margin: 0 5px;
}

.employee-name-text span {
  display: block;
}

.employee-name-text span:first-child {
  font-weight: 600;
}

#ratesheets-table tr {
  vertical-align: top;
}

/* Assignments Calender Popup Layout */
#calendar-popup {
  color: #6b7076;
}

#calendar-popup .modal-dialog {
  max-width: 400px;
}

#calendar-popup .modal-header {
  border-bottom: 1px solid;
}

#calendar-popup .modal-footer,
#calendar-popup .repeat-days,
#calendar-popup .calendar_checkbox_con {
  border-top: 1px solid;
}

#calendar-popup .modal-body {
  padding: 1.5rem;
}

#calendar-popup .modal-header,
#calendar-popup .modal-footer {
  border-bottom: 1px solid;
  background: #f4f8fb;
  border-color: #e7e8ea;
  font-weight: 400;
}

#calendar-popup .modal-title {
  color: inherit;
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
}

#calendar-popup .modal-footer .btn {
  font-weight: 600;
  font-size: 14px;
}

#calendar-popup .modal-footer .btn.render-calendar {
  background-color: #046AC3 !important;
  border-color: #046AC3 !important;
}

#calendar-popup .intervals-popup .checkbox label,
#calendar-popup .calendar_checkbox_con .radio label .text,
#calendar-popup .calendar_checkboxes,
.radio label .text,
#calendar-popup #tab-calender-popup .radio label .text {
  color: #989898;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
}

#calendar-popup .intervals-popup .checkbox {
  border-bottom: 1px solid;
}

#calendar-popup .intervals-popup .checkbox,
#calendar-popup .calendar_checkbox_con,
#calendar-popup .repeat-days {
  border-color: #e8e8e8;
}

.round {
  position: relative;
}

.round label {
  background-color: #e4e5e7;
  border-radius: 50%;
  cursor: pointer;
  left: 0;
  position: absolute;
  top: 0;
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 2.5;
  font-size: 15px;
  font-weight: 600;
}

.round label:after {
  border: 2px solid #fff;
  height: 34px;
  width: 34px;
  opacity: 0;
  content: "";
  position: absolute;
  border-radius: 50%;
  left: 2px;
  top: 2px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
  /*background-color: #04d29a;*/
  background-color: #046AC3;
  /*border-color: #04d29a;*/
  border-color: #046AC3;
  color: #fff;
}

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

#calendar-popup .pignose-calendar {
  width: 100%;
}

/*

table.dataTable thead .sorting_asc::after {
	content: "\e253" !important;
}
table.dataTable thead .sorting_desc::after {
	content: "\e252" !important;
}*/
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
  text-align: left;
}

th.right-aligned-cell {
  text-align: center;
}

td.right-aligned-cell,
td.right-aligned-cell a {
  text-align: right !important;
}

th.action_data_column {
  text-align: center !important;
}

table.dataTable thead th {
  text-align: center;
  text-transform: capitalize;
}

.nav-link {
  padding: .6rem 1rem;
}

#ratesheets-table tr td {
  vertical-align: top;
}

.docvalidate:first-child {
  max-width: 90%;
  float: left;
}

span#removeFile {
  cursor: pointer;
  float: left;
  margin: 5px 10px;
  color: #AAAAAA;
  text-align: center;
  border-radius: 50%;
  font-weight: 600;
  position: absolute;
  top: 0;
  right: 0 !important;
  z-index: 99;
}

#removeFile i {
  font-size: 16px;
}

span#removeFile.green-refresh-icon {
  color: #046AC3;
}

.job_details_field_con .job-detail-card input[data-provide="datepicker"] {
  position: relative;
}

.btn.filter_opened .mdi:before {
  margin-top: -1px;
  content: "\F0143";
}

#advance_filter_btn:focus {
  outline: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.form-control:focus {
  /*border-color: #96a0ea;
    border-width: 2px;*/
}

.form-control:hover,
.basic_filter_applicant .bootstrap-select > .btn-light:hover,
.advance_filter_applicant .bootstrap-select > .btn-light:hover,
.custom-dropdown > label:hover {
  -webkit-box-shadow: 0px 1px 13px 0px #d4d4d4;
  box-shadow: 0px 1px 13px 0px #d4d4d4;
}

.form-group .form-control,
.form-group label {
  color: #747e86;
}

.border-top-seprator,
.border-bottom-seprator {
  border-color: #dde0e4;
}

.border-top-seprator {
  border-top: 2px;
}

.border-bottom-seprator {
  border-bottom: 2px;
}

.advance_filter_heading {
  font-size: 18px;
  font-weight: 400;
  color: #747e86;
}

.border-seprator hr {
  width: 100%;
  background: #d5d8dd;
  height: 0;
  float: left;
  margin: 0;
}

.basic_filter_applicant .bootstrap-select > .btn-light,
.advance_filter_applicant .bootstrap-select > .btn-light,
.bootstrap-select > .btn-light {
  background: #ffffff !important;
  color: #aaaaaa !important;
  /*border: 1px solid #ced4da;*/
}

.bootstrap-select.show > .btn-light {
  background: #d1dfe8 !important;
}

.custom-dropdown .checkbox label {
  max-width: 90%;
}

.schedules_calender_holder .prev_date {
  font-size: 17px;
}

.avatar-group > h5 {
  margin: 0 -15px;
}

.check_width {
  text-align: center;
}

.toolbar {
  float: left;
}

#data_table_wrapper .toolbar .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 360px;
}

.advance_filter_heading {
  color: #6c757d;
}

/* jQuery Fancy Box Layout Styling */
.EMPLOYEE-popup {
  padding: 0 36px 0 36px !important;
}

.EMPLOYEE-popup .m-portlet__head,
.EMPLOYEE-popup .m-portlet__body form .col-md-12:last-child {
  border: none !important;
}

.EMPLOYEE-popup .m-portlet__head-text,
.EMPLOYEE-popup .m-portlet__body form .col-md-12:last-child {
  background: none !important;
}

.EMPLOYEE-popup .m-portlet__head-text,
.EMPLOYEE-popup .m-portlet__body form .col-md-12:last-child {
  padding: 36px 0 !important;
}

.EMPLOYEE-popup .m-portlet__body {
  padding: 0 !important;
}

.mainpopup {
  min-width: 390px !important;
  padding-bottom: 20px !important;
}

.EMPLOYEE-popup .m-portlet__head-text {
  font-size: 22px;
  font-family: "Nunito Sans", sans-serif !important;
  color: #24272E;
  line-height: 42px;
  font-weight: 800;
}

.EMPLOYEE-popup .m-portlet__body form .form-group label:first-child {
  font-size: 16px;
  font-family: "Nunito Sans", sans-serif !important;
  color: #24272E;
  line-height: 20px;
  font-weight: 400;
  font-weight: 600;
  padding-bottom: 24px;
  margin-bottom: 0;
}

.EMPLOYEE-popup .m-portlet__body form .form-group label:first-child else {
  color: #24272E;
}

.EMPLOYEE-popup .m-portlet__body button {
  font-family: "Nunito Sans", sans-serif !important;
  color: #046AC3;
  font-size: 16px;
  padding: 9px 24px;
  border: 1px solid #046AC3;
  line-height: 20px;
  font-weight: 700;
  background: #046AC3;
  color: #ffffff !important;
}

.EMPLOYEE-popup .m-portlet__body .cancel-delete-employee-job {
  background: none !important;
  color: #046AC3 !important;
}

.EMPLOYEE-popup .m-portlet__body form .form-group label {
  color: #24272E !important;
  padding-left: 0 !important;
  font-weight: 400 !important;
}

.fancybox-item:after {
  content: "";
  position: absolute;
  top: 30px;
  background: url(/images/timesheet/close-icon.svg) no-repeat;
  right: 35px;
  width: 16px;
  height: 16px;
}

.mainpopup .m-content,
.mainpopup .row {
  width: 100%;
  display: block;
  margin-right: 0;
  margin-left: 0;
  padding-left: 0;
}

.mainpopup .m-portlet__head-text {
  text-align: left;
  background: #f4f8fb;
  color: #6c747c;
  margin: 0;
  padding: 20px 15px;
  text-transform: capitalize;
}

.mainpopup .m-portlet__body {
  padding: 20px 0;
}

.mainpopup .m-portlet__body form .col-md-12:last-child {
  background: #f4f8fb;
  float: left;
  padding: 15px 20px;
  border-top: 1px solid #efefef;
}

.mainpopup .m-portlet__body form .form-group {
  margin-bottom: 0;
}

label.error {
  margin-top: 0.5rem;
  color: red;
}

.advance_filter_div {
  height: 400px;
  overflow-y: auto;
  overflow-y: none;
}

.search-filter-footer {
  padding-top: 15px;
  padding-bottom: 30px;
  border-top: 1px solid #ccc;
}

.card_bg {
  background-color: #c1f7c5;
  height: 65px;
}

.selected_field_badges span.badge {
  background-color: #f7f8fa;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
}

.selected_field_badges i {
  color: red;
}

.dataTable tr:not(.staffer_secondlast_tr) ul.dropdown-menu.dropdown-menu-right.show[x-placement="top-end"] {
  -webkit-transform: translate3d(-153px, -29px, 0px);
          transform: translate3d(-153px, -29px, 0px);
}

.selected_field_badges span.badge i {
  cursor: pointer;
}

.project-box .avatar-sm {
  border: 1px solid #d4d4d4;
}

ul.employee-info-card li > div:first-child {
  font-weight: 600;
}

table.dataTable td img.rounded-circle {
  width: 48px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 30px;
  height: 30px;
  border: 1px solid #d3d6db;
  margin-right: 10px !important;
}

#data_table_body .dropdown .btn {
  padding: 8px 0px 8px 0px !important;
}

.DTFC_RightBodyLinerShadow {
  -webkit-box-shadow: -10px 1px 17px -7px #e6e6e6;
          box-shadow: -10px 1px 17px -7px #e6e6e6;
}

.DTFC_RightBodyLinerShadow #data_table_body {
  -webkit-box-shadow: -11px 0 17px -7px #e6e6e6;
          box-shadow: -11px 0 17px -7px #e6e6e6;
}

img.d-flex.mr-2.rounded-circle + a {
  color: #046AC3 !important;
}

#schedule-table tr th .row {
  -ms-flex-wrap: unset !important;
      flex-wrap: unset !important;
}

/*div.d-flex a {*/
/*    color: #0a6dc2 !important;*/
/*}*/
.top_name_header img.rounded-circle {
  max-width: 160px;
  -o-object-fit: fill;
     object-fit: fill;
  height: 160px;
}

.stfr_tab_up {
  padding-top: -30px !important;
}

table.dataTable {
  border-top: 1px solid #DADADA;
}

table.dataTable td {
  padding: 3px 10px !important;
  width: 1px;
  vertical-align: middle;
}

table.dataTable thead th,
table.dataTable td {
  white-space: nowrap;
}

.dataTable thead tr th {
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif !important;
  color: #046AC3;
  line-height: 20px;
  font-weight: 400;
}

.DTFC_RightBodyLiner,
.DTFC_RightBodyWrapper {
  overflow: visible !important;
}

table.dataTable td .d-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

table.dataTable thead .sorting,
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-left: 30px;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 0em;
  left: 1em;
  top: 14px;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0;
  left: 0.5em;
  top: 13px;
}

.dropdown-icon-item img {
  height: auto;
}

.table .thead-light,
.table .thead-light th {
  background: #fff;
  padding-left: 6px;
  padding-right: 6px;
}

.table .thead-light th {
  color: #046AC3;
  font-weight: 600;
  text-align: left !important;
}

div#data_table_wrapper div.DTFC_ScrollWrapper div.dataTables_scroll .sorting_disabled div.checkbox #check-all {
  margin-left: 6px;
}

.table .thead-light th.checkboxTh {
  text-align: center !important;
}

.table .thead-light th[aria-label="Check box"] {
  text-align: center !important;
}

.selected-employees-con {
  padding-left: 24px;
}

.DTFC_RightBodyLiner {
  /*	left: -13px !important;*/
}

.page-sub-header + .card-box {
  padding-left: 0;
  padding-right: 0;
}

table.dataTable tbody tr td,
table.dataTable tbody tr td * {
  color: #39414c;
  text-transform: capitalize;
  font-size: 13px;
}

table.dataTable tbody tr:nth-child(odd) {
  background-color: #f7f8f9;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  color: #0a0a0a;
  opacity: 0.5 !important;
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1;
  color: #046AC3 !important;
}

.icon_btns {
  width: 38px;
  height: 38px;
}

table.dataTable td.pr-13 {
  padding-right: 34px !important;
}

.icon_btns,
.functionButtons {
  outline: none;
  border: 1px solid;
  border-color: #046AC3;
  border-radius: 3px;
  background-color: #fff;
  display: block;
  float: left;
}

.functionButtons {
  color: #323a47;
  /*margin-right: 15px;*/
  margin-left: 15px;
}

.assign_btn {
  font-size: 17px;
  padding: 11px 25px;
  max-height: 48px;
}

.advance_searchbar_con {
  height: 38px;
  border-radius: 4px;
  border: solid 1px #dadada;
  padding: 7px 0;
  float: left;
  min-width: 312px;
  background-color: #fff;
  /*margin-right: 15px;*/
}

.advance_searchbar_con img {
  margin-left: 4px;
}

.advance_searchbar_con input {
  border: none;
  outline: none;
}

#data_table_custom_search {
  width: 90%;
}
#reports_search{
  width: 90%;
}
table.dataTable tbody tr td i.fas.fa-ellipsis-h {
  color: #046AC3 !important;
  font-weight: 800;
}

tbody tr td i.fas.fa-ellipsis-h:before {
  content: "\f142";
}

.dropdown-megamenu.no_bg,
.dropdown-menu.dropdown-megamenu-fields.dropdown-megamenu.dropdown-megamenu-without-bg.no_bg {
  background-image: none;
  min-width: 900px;
  left: -42% !important;
  margin-top: 18px;
  max-width: initial;
}

button.dt-button.buttons-collection.buttons-colvis,
button.dt-button.buttons-collection.buttons-colvis:hover,
button.dt-button.buttons-collection.buttons-colvis:focus,
button.dt-button.buttons-collection.buttons-colvis:active {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: none;
  background-image: none !important;
  background: url("../../../images/filter.svg") no-repeat center !important;
}

button.dt-button.buttons-collection.buttons-colvis > span {
  display: none;
}

.page-item.active .page-link,
.page-link {
  border: none !important;
  color: #969faf;
  padding: .9rem .5rem;
  background: none !important;
}

.page-item.previous a,
.page-item.next a,
.page-item.active a,
.activePage,
.activePage,
.custom_pageLength_dataTable a.active,
.custom_pageLength_dataTable a:focus {
  color: #046AC3 !important;
}

.activePage {
  border-bottom: 1px solid;
}

.custom_pageLength_dataTable a.active,
.custom_pageLength_dataTable a:focus {
  color: #046AC3 !important;
}

.page-link:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.page-item.active a,
.custom_pageLength_dataTable a:focus,
.custom_pageLength_dataTable a.active {
  text-decoration: underline;
  font-weight: 700;
}

.custom_pageLength_dataTable > * {
  font-size: 15px;
  cursor: pointer;
}

.custom_pageLength_dataTable p {
  float: left;
  margin-right: 8px;
}

.custom_pageLength_dataTable a:focus {
  outline: none;
}

.dataTables_filter {
  display: none;
}

.customDataTablePageInfo,
.custom_pageLength_dataTable,
#customInfo {
  float: left;
  font-size: 15px;
}

.customDataTablePageInfo,
#data_table_paginate {
  margin-left: 48px;
}

.customInfo,
#data_table_paginate {
  float: right;
}

.customInfo {
  margin: 25px 0 0;
}

ul.pagination {
  margin-top: 10px !important;
}

.nav-link > img {
  margin-right: 5px;
  margin-top: 0;
}

button.recent_btn {
  background: #F7F8F9 0% 0% no-repeat padding-box;
  border: 1px solid #D5D5D5;
  color: #000000;
  margin-right: 10px;
  padding: 3px 9px 3px 13px;
}

.fiter-dropdown-form-fotter {
  padding-top: 12px;
}

button.recent_btn i {
  font-size: 14px;
  margin-left: 8px;
}

.btn-label-right {
  margin: 0;
  padding: 0;
}

#recent_search {
  display: none;
}

.advance_filter_applicant .form-group {
  margin-bottom: 0;
}

button.recent_btn .btn-label-right {
  background-color: transparent !important;
}

button.recent_btn i {
  color: #d90000;
}

div#close_dropdown_icon img {
  position: absolute;
  right: -12px;
  top: -12px;
}

div#close_dropdown_icon {
  position: relative;
}

#close_dropdown_icon {
  cursor: pointer;
}

.filter_btn {
  background: #F7F8F9 0% 0% no-repeat padding-box;
  border: 1px solid #046AC3;
  color: #000000;
  margin-right: 12px;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 15px;
}

.advance_filter_applicant .form-group label {
  color: #046AC3;
  padding-left: 10px;
}

.advance_filter_applicant input,
.advance_filter_applicant select {
  border: 1px solid #dadada;
  color: #dadada;
}

.subfilter,
.stfr_clear_filter {
  margin-left: 15px;
  padding: 12px 25px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 600;
  height: 38px;
}
.view_all_invoices{
  margin-left: 15px;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 600;
  height: 38px;
}
.stfr_clear_filter {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #AAAAAA;
}

.subfilter {
  border: 1px solid #046AC3;
  color: #323a47;
}

#data_table_length {
  margin: 21px 12px 0;
  float: left;
}

#data_table_length .bootstrap-select .dropdown-toggle:after {
  content: "";
}

#data_table_length .group_action button {
  padding: 12px 13px;
  background: url(../../../images/Down_Arrow.svg) no-repeat #fff !important;
  /*background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat #fff;*/
  background-position: right 7px center !important;
  color: #969faf !important;
  border-color: #969faf !important;
  font-size: 12px;
}

body[data-topbar-color=light] .navbar-custom {
  background-image: -webkit-gradient(linear, left top, right top, from(#0da25e), to(#10663f));
  background-image: linear-gradient(to right, #0da25e, #10663f);
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body[data-topbar-color=light] .navbar-custom .nav-link i {
  color: #fff;
}

body[data-layout-mode=horizontal][data-topbar-color=light] .topnav {
  background-color: #fff;
  margin-top: 72px;
}

body[data-layout-mode=horizontal][data-topbar-color=light] .topnav * {
  color: #323a47 !important;
  font-size: 16px;
}

.topnav .navbar-nav .nav-link {
  line-height: 0px;
}

.content-page {
  /*margin-top: 96px;*/
}

/*.content-page.sidebarSetting{
	margin-top: 135px;
}*/
table.dataTable.no-footer {
  border-bottom: none !important;
}

body[data-topbar-color=light] .navbar-custom .topnav-menu .nav-link {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

body[data-topbar-color=light] .navbar-custom .dropdown .nav-link i.mdi.mdi-chevron-down {
  margin: 0 16px;
  font-size: 25px;
}

.nav-user img.header-top-bar {
  padding: 0;
  border-color: #fff;
  width: 32px;
  height: 32px;
  /*margin-left: 32px;*/
}

.nav-user,
.jobSkillsCountBtn {
  position: relative;
}

.nav-user::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: url(../../../images/DownArrowHeader.svg) no-repeat #fff !important;
  background-position: right 1px center !important;
  border-radius: 50%;
  right: 18px;
  bottom: 15px;
}

.jobSkillsCountBtn::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background: url(../../../images/DropdownCircle.svg) no-repeat #fff !important;
  background-position: right 4px center !important;
  border-radius: 50%;
  right: -10px;
  bottom: -3px;
}

span.btn.dropdown-toggle.jobSkillsCountBtn {
  font-weight: 600;
  color: #323a47;
  font-size: 13px;
  line-height: 20px;
}

div#jobposition div#loadposition .staffer-border-box .job_posi_skills_alt_d {
  font-weight: 400;
  background-color: white !important;
  border: 1px solid red;
  border-radius: 20px;
  padding: 2px 12px 2px 12px !important;
  margin-top: 5px;
  font-size: 12px;
  line-height: 19px !important;
}

div#jobposition div#loadposition .staffer-border-box .job_just_content_btw {
  padding-top: 10px;
}

div#jobposition div#loadposition .staffer-border-box .jobs_skill_pills {
  margin-top: 5px;
}

div#jobposition div#loadposition .staffer-border-box .jobs_skill_pills:hover::after {
  text-align: center;
}

.Header_Add_New_Btn img {
  margin: 0 0 0 16px;
}

.topnav {
  border-bottom: 1px solid #DADADA;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav > .dropdown.active > a {
  color: #323a47 !important;
}

.selected-employees-inner {
  width: 100%;
  max-width: 190px;
  padding: 6px 13px;
  border: 1px solid #dadada;
  border-radius: 4px;
  cursor: pointer;
  height: 38px;
}

.selected-employees-text {
  font-size: 14px;
}

.selected-employees-text span {
  font-weight: 700;
  color: #046AC3;
  content: attr(data-selected-length);
}

.applicant_html .card_bg {
  height: 106px !important;
  background-color: transparent;
  border: 1px solid #dadada;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  position: relative;
  margin-bottom: 16px;
}

.applicant_html .card_bg:hover {
  border: 1px solid #707070;
}

.applicant_html .card_bg i {
  position: absolute;
  right: 3px;
  top: 0px;
  font-size: 16px;
  color: #d90000;
}

.applicant_html .card_bg .sp-line-2 {
  white-space: normal;
}

.applicant_html .col-md-2 {
  /*flex: 0 0 20%;*/
  max-width: 19%;
  padding-right: 1px;
}

.applicant_html .card_bg img {
  display: inline-block;
  height: 48px;
  width: 48px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #d3d6db;
}

ul.employee_filter_status li.current button {
  background-color: #046AC3;
  color: #ffffff;
}

.space-stfr-bottom {
  min-height: 250px;
  width: 100%;
}

.dropdown-megamenu-without-bg {
  background-image: none;
  min-width: 920px !important;
  padding: 36px;
  left: -250px !important;
  margin-top: 15px;
}

.dropdown-megamenu-without-bg .header-title {
  margin: 0 0 24px 0 !important;
}

.dropdown-megamenu-without-bg .header-title-con {
  margin: 0 0 36px 0;
  padding-left: 12px;
}

.header-title-basic {
  font-size: 16px;
  font-weight: 600;
}

.dropdown-megamenu-without-bg .w-100.header-title-con.d-flex.align-items-center.justify-content-between h4 {
  margin: 0 !important;
}

.dropdown-megamenu-without-bg .header-title .header-title-con button {
  margin-bottom: 0;
}

.dropdown-megamenu-without-bg .header-title {
  font-size: 20px;
  color: #323a47;
  margin-bottom: 24px;
}

.dropdown-megamenu-without-bg .applicant_html {
  max-height: 390px;
  overflow-y: auto;
  margin: auto;
  margin-left: -12px;
}

.dropdown-toggle .dropdown-megamenu .stfr_btn_group .stfr_btn_green_fixed {
  background-color: #046AC3;
  border-color: #046AC3;
  color: #fff;
  border: 1px solid #046AC3;
  /*padding: 9px 23px 8px 23px;*/
  font-size: .8125rem;
}

.dropdown-toggle .dropdown-megamenu .stfr_btn_group .stfr_btn_green_fixed:hover {
  -webkit-box-shadow: 0px 3px 12px #aaa;
          box-shadow: 0px 3px 12px #aaa;
}

.dropdown-toggle .dropdown-megamenu .stfr_btn_group .stfr_btn_green {
  background: #ffffff;
  border: 1px solid #046AC3;
  color: #000000;
  margin-right: 8px;
  /*padding: 9px 22px 8px 22px;*/
  font-size: .8125rem;
}

.dropdown-toggle .dropdown-megamenu .stfr_btn_group .stfr_btn_green:hover {
  background-color: #046AC3;
  border-color: #046AC3;
  color: #fff;
  -webkit-box-shadow: 0px 3px 12px #aaa;
          box-shadow: 0px 3px 12px #aaa;
}

.stfr_btn_green {
  background: #ffffff;
  border: 1px solid #046AC3 !important;
  color: #000000;
}

.stfr_btn_green:hover {
  background-color: #046AC3;
  border-color: #046AC3;
  color: #fff !important;
}

.stfr_btn_group {
  margin-top: 33px;
}

.stfr_mark_btn {
  border: 1px solid #046AC3;
  color: #323a47;
}

.topnav {
  height: 52px;
}

.topnav .navbar-nav .nav-link {
  padding-top: 19px;
}

.topnav .navbar-nav .nav-link .arrow-down {
  line-height: 15px;
}

ul#side-menu {
  list-style: none;
  padding-left: 0;
}

ul#side-menu a {
  color: #323A47;
  display: block;
  position: relative;
  right: 0;
}

ul#side-menu.side_menu_font_style a span.menu-arrow {
  right: 0;
}

ul#side-menu > li:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px solid darkgrey;
  margin-bottom: 10px;
}

/*=========================== Top bar nav start*/
div#staffer__logo span.staffer__logo__lg {
  margin-left: 38px;
  margin-right: 35px;
}

div#staffer__logo span.staffer__logo__lg {
  margin-left: 38px;
  margin-right: 35px;
}

body[data-topbar-color=light] .navbar-custom .button-menu-mobile {
  color: #ffffff;
  display: block;
}

body[data-layout-mode=horizontal] .logo-box {
  width: auto;
  padding-right: 30px;
}

body[data-sidebar-size=condensed] .logo-box {
  width: 45px !important;
}

/*=========================== Top bar nav end*/
/*=========================== side bar nav start*/
ul.left__side__menu .badge-info {
  color: #fff !important;
  background-color: #4fc6e1 !important;
  font-size: 10.05px !important;
}

ul.left__side__menu li a span {
  font-size: 13.4px !important;
  line-height: 17px;
}

ul.left__side__menu li a span:hover {
  color: #046AC3 !important;
}

ul.left__side__menu .nav-second-level {
  margin-top: 0px;
}

ul.left__side__menu .nav-second-level li a {
  font-size: 13px !important;
  padding: 8px 20px 0px 20px;
  width: 250px;
  /*color:#323a47;*/
}

ul.left__side__menu .mt-2 {
  /*margin-top: 0px !important;*/
}

ul.left__side__menu > li:not(:last-child) {
  padding-bottom: unset !important;
  border-bottom: unset !important;
  margin-bottom: unset !important;
}

/*=========================== side bar nav end*/
div.card-box div.menuitem-active ul.side_menu_font_style li a span {
  font-weight: 600 !important;
}

.nav-second-level {
  padding-left: 0;
  list-style: none;
  margin-top: 12px;
}

.nav-second-level li a {
  font-size: 14px;
  color: #707070;
  padding: 0;
  margin-bottom: 8px;
}

.nav-second-level li a.active,
.nav-second-level li a:hover {
  color: #046AC3;
}

.sidebarSetting .cardbox {
  padding-top: 30px;
}

.settingsPagesContent .new_sub_header .my-3 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.settingsPagesContent .new_sub_header {
  float: left;
}

.settingsPagesContent .new_sub_header .page-title.font-24 {
  font-size: 20px !important;
  margin: 0;
}

.settingsPagesContent .new_sub_header .function_btns {
  margin-top: 0;
}

.sub-header-redirect-buttons,
.settings_tabs {
  list-style: none;
  float: left;
  padding: 0;
  border-bottom: 1px solid #dadada;
  width: 100%;
}

.settings_tabs {
  border: 0;
  position: relative;
  height: 47px;
}

/*.show-settings .tab-pane.active {*/
/*    margin-top: 90px !important;*/
/*}*/
.applicant_tabs {
  border: 0;
  position: relative;
  height: 47px;
  bottom: 23px;
  list-style: none;
  float: left;
  padding: 0;
  border-bottom: 1px solid #dadada;
  width: 100%;
}

.settings_tabs::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: darkgrey;
  bottom: 0;
}

.sub-header-redirect-buttons li {
  float: left;
}

.sub-header-redirect-buttons li a,
.sub-header-redirect-buttons li a:hover,
.sub-header-redirect-buttons li a.active,
.settings_tabs > li a,
.settings_tabs > li a:hover,
.settings_tabs > li a.active {
  color: #323a47;
  font-size: 14px;
  font-weight: 600 !important;
  position: relative;
  padding: 10px 35px;
  line-height: 36px;
  float: left;
  position: relative;
  padding-top: 0;
  background-color: transparent !important;
}

.sub-header-redirect-buttons li a:hover,
.sub-header-redirect-buttons li a.active,
.settings_tabs > li a:hover,
.settings_tabs > li a.active {
  color: #046AC3 !important;
}

.sub-header-redirect-buttons li a::after,
.sub-header-redirect-buttons li a.active,
.settings_tabs > li a::after {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #046AC3;
  content: "";
}

.sub-header-redirect-buttons li a:hover::after,
.sub-header-redirect-buttons li a.active::after,
.settings_tabs > li a li a:hover::after,
.settings_tabs li a.active::after {
  display: block;
}

.main_staffer_tabs .card-header ul li a.active::after {
  content: "";
  position: absolute;
  top: 100%;
  height: 2px;
  background-color: #046AC3;
  width: 100%;
  left: 0;
}

.custom_fields_tabs > li a {
  white-space: nowrap;
}

.custom_fields_tabs .nav-link {
  background-color: transparent;
  padding: 0;
  /*line-height: 30px;*/
}

.tab-content > .active {
  margin-top: 70px;
}

.custom_fields_tabs {
  border-bottom: 1px solid #046AC3;
}

.custom_fields_tabs {
  position: absolute;
  bottom: -50px;
  width: 50%;
  border-radius: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  display: none;
  min-width: 980px;
}

.custom_fields_tabs.show {
  bottom: -50px !important;
  will-change: unset !important;
}

.nav-justified.custom_fields_tabs .nav-item {
  display: block;
  float: left;
  padding: 8px 15px;
}

.nav-justified.custom_fields_tabs:hover {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0;
  display: block !important;
}

.nav-justified.custom_fields_tabs li a:after {
  display: none;
}

.nav-justified.custom_fields_tabs > li a:hover,
.nav-justified.custom_fields_tabs > li a.active {
  padding: 0;
}

.custom_fields_tabs .nav-link.active {
  background-color: transparent;
  color: #046AC3;
  text-decoration: underline;
  padding: 0;
}

.setting-sec-lable h5 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 12px 0;
}

.setting-sec-lable p {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 16px 0;
}

label,
.filter_menu .form-group label {
  font-size: 12px;
  font-weight: 500;
  padding-left: 12px;
  color: #046AC3;
  margin-bottom: 4px;
}

.filter_menu .form-group label.error {
  color: red;
}

.setting-sec-lable .bootstrap-select > .dropdown-toggle.bs-placeholder {
  padding: .85rem .9rem;
}

.setting-sec-lable .bootstrap-select > .dropdown-toggle,
.setting-sec-lable #work_week {
  min-height: 48px;
}

.setting-sec-lable #work_week {
  position: relative;
}

/*
.setting-sec-lable #work_week:before {
	content: "\F0140";
	display: inline-block;
	font-family: "Material Design Icons";
	padding-left: 10px;
}*/
.bootstrap-select .dropdown-toggle:after,
.select2-container--default .select2-selection--single .select2-selection__arrow b::after,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::after {
  content: "";
  color: #046AC3;
  font-size: 25px;
  line-height: 0;
  width: 5px;
  height: 6px;
  background: url(../../../images/DownArrowHeader.svg) no-repeat transparent !important;
  right: 30px;
  bottom: 15px;
}

.round label {
  color: #6c757d;
  padding-left: 0;
}

.Select-Role-Permission {
  margin-top: -30px;
  margin-bottom: 15px;
}

.staffer-border-box {
  border: 1px solid #dadada;
  padding: 25px;
  border-radius: 5px;
  margin-bottom: 15px;
}

.staffer-border-box .data-info small {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #046AC3;
  display: block;
}

.staffer-border-box .data-info span {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: normal;
  float: left;
  text-transform: capitalize;
  white-space: nowrap;
}

.staffer-border-box .data-info img + span {
  float: none;
}

.staffer-border-box .data-info {
  margin-bottom: 0;
}

.data-function-buttons {
  width: 100%;
  padding-top: 20px;
}

.staffer-border-box .data-function-buttons a {
  padding: 4px 0;
}

.staffer-border-box .btn-edit {
  border: solid 1px #046AC3;
  background-color: #ffffff;
}

.staffer-border-box .btn-edit i {
  color: #046AC3;
}

.staffer-border-box .btn-delete {
  border: solid 1px #707070;
  background-color: #ffffff;
  color: #707070;
}

.staffer-border-box .btn-delete i {
  color: #fd0d1b;
}

.new_sub_header {
  position: relative;
}

.new_sub_header .col-lg-6,
.new_sub_header .col-md-6,
.new_sub_header .col-sm-12 {
  position: initial;
}

.customer_list_view .pageResponse .table .thead-light th[aria-label="ID"] {
  text-align: center !important;
}

.dropdown-menu.keep-open-filter.dropdown-megamenu.dropdown-megamenu-without-bg.show {
  -webkit-transform: none !important;
          transform: none !important;
  left: calc(100% - 964px) !important;
}

.skill_pills {
  padding: 2px 7px 2px 12px !important;
  border-radius: 20px;
  border: solid 1px #dadada;
  margin-right: 5px;
  width: 43%;
  max-height: 38px;
  font-size: 12px !important;
  line-height: 19px !important;
}

.dropdown-megamenu-setting {
  background-image: none;
}

.dropdown-megamenu-setting {
  left: 60% !important;
  max-width: 620px;
}

.custom-pagination-con .page-item.active .page-link,
.custom-pagination-con .page-link {
  border: none !important;
  /* color: #969faf; */
  padding: .9rem .5rem;
  /* background: none !important; */
  height: 25px;
  width: 25px;
  border-radius: 50%;
  /* line-height: 0; */
  padding: 0;
  line-height: 24px !important;
}

.custom-pagination-con .page-item.active .page-link {
  /*background-color: #17cc7d !important;*/
  /*border-color: #17cc7d !important;*/
  color: #046AC3;
  line-height: 24px;
  text-decoration: underline;
}

/*.custom-pagination-con .page-link {*/
/*    background: #fff !important;*/
/*}*/
.custom-pagination-con .page-item {
  margin-right: 10px;
  text-align: center;
}

.custom-pagination-con .page-item:first-child .page-link,
.custom-pagination-con .page-item:last-child .page-link {
  border-radius: 50%;
}

/*.custom-pagination-con .pagination .disabled {*/
/*    background: #FFFFFF !important;*/
/*    border-radius: 50%;*/
/*}*/
:not(.topnav) .active + .dropdown-menu {
  display: none !important;
}

.settings_tabs .active + .dropdown-menu {
  display: block !important;
}

div.settingsPagesContent ul.settings_tabs li.custom_field ul.dropdown-menu {
  z-index: 1;
}

#settings .menuitem-active:last-child a.active {
  color: #046AC3;
}

.jobSkillsCountBtn {
  width: 26px;
  height: 26px;
  border: 1px solid #046AC3;
  border-radius: 50%;
  text-align: center;
  font-size: 19px;
  line-height: 19px;
  padding: 2px 6px;
}

.custom_fields_tabs {
  z-index: 99;
}

#settings .nav-second-level li a.active {
  color: #707070;
}

#settings .nav-second-level li a.active:hover {
  color: #046AC3 !important;
}

.topnav .dropdown:hover > .dropdown-menu.active {
  display: block !important;
}

#settings .active_nav,
#settings .active_nav.active {
  color: #046AC3 !important;
}

.new_sub_header {
  position: relative;
}

.new_sub_header + #filterBtns {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.dropdown-megamenu-fields {
  display: block;
  max-width: 570px;
  left: calc(100% - 920px) !important;
}

.customer-dropdown {
  display: block;
  padding: 36px;
}

.customer-dropdown-btn {
  margin-top: 24px;
}

.customer-dropdown .dropdown.bootstrap-select.form-control {
  margin-bottom: 24px;
}

.tooltip-dropdown {
  display: block;
  width: 160px;
  height: 111px;
  padding: 11px !important;
}

#tooltip_img {
  position: absolute;
  top: 0;
  right: 55px;
  margin-top: -120px;
  /* margin-left: 88px; */
  /* margin-left: 100px;*/
}

.tooltip-dropdown label {
  font-size: 10px !important;
  padding-left: 0 !important;
  line-height: 16px;
}

.tooltip-dropdown:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  position: absolute;
  bottom: -7px;
  right: 125px;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td.dataTables_empty {
  text-align: center !important;
}

.employee-dp-pic .overlay {
  display: none;
}

.employee-dp-pic img:hover + .overlay {
  display: block;
}

.page-sub-header {
  min-height: 75px;
}

.card-box .page-sub-header {
  min-height: auto;
}

.page-sub-header h4.page-title.font-24 {
  margin: 0;
}

.page-sub-header .function_btns {
  margin-top: 0;
}

.selected_customerLst .form-group{
  margin-bottom: 0;
  width: 300px;
}

@media only screen and (min-width: 1366px) {
  h4.page-title.font-24 {
    font-size: 20px !important;
    font-weight: 600;
    letter-spacing: 1px;
  }
  .assign_btn {
    font-size: 13px;
    height: 38px;
    line-height: 12px;
  }
  .card-box .assign_btn {
    line-height: 15px;
  }
  .selected-employees-text {
    font-size: 13px;
  }
  table.dataTable thead th {
    font-size: 11px;
  }
  table thead th {
    font-size: 11px;
  }
  table.dataTable tbody tr td,
  table.dataTable tbody tr td * {
    font-size: 13px;
    font-weight: 400;
  }
  /*
    .route_employee_payroll table.dataTable tbody tr td,
    .route_employee_payroll table.dataTable tbody tr td * {
        font-size: 13px !important;
        font-weight: $stfr_regular_fw !important;
    }

    .route_employee_payroll table.dataTable tbody tr td * {
        padding: 0 !important;
    }

    .route_employee_payroll table.dataTable tbody tr td i.fas.fa-ellipsis-h{
        font-weight: 800 !important;
    }

    */
  body[data-layout-mode=horizontal][data-topbar-color=light] .topnav * {
    font-size: 13px;
  }
  .custom_pageLength_dataTable > * {
    font-size: 14px;
  }
  .customDataTablePageInfo,
  .custom_pageLength_dataTable,
  #customInfo {
    float: left;
    font-size: 14px;
  }
  .dropdown-megamenu.no_bg,
  .dropdown-menu.dropdown-megamenu-fields.dropdown-megamenu.dropdown-megamenu-without-bg.no_bg {
    min-width: 820px !important;
    -webkit-transform: none !important;
            transform: none !important;
    left: calc(100% - 1120px) !important;
    right: 12px !important;
    margin-top: 25px;
  }
  body[data-layout-mode=horizontal] .content-page {
    padding: 0 15px 15px 15px;
    margin-left: 238px !important;
  }
  body[data-sidebar-size=condensed] .content-page {
    margin-left: 48px !important;
  }
  .bxslider #pageForm {
    max-width: 100% !important;
  }
}

.content-page {
  margin-top: 50px;
}

.DTFC_RightBodyLiner, .DTFC_RightBodyLinerShadow {
  width: 100% !important;
  padding-right: 0px !important;
}

.DTFC_Cloned #data_table_body tr {
  height: 31px;
}

.DTFC_RightBodyLiner {
  width: 100% !important;
}

@media only screen and (max-width: 1645px) {
  .DTFC_RightBodyLiner {
    left: 0 !important;
  }
}

@media only screen and (max-width: 1450px) {
  .added_shift .col-lg-6 {
    max-width: 75%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
  }
}

@media only screen and (max-width: 1280px) {
  /* .page-sub-header {
            min-height: 36px;
            padding-bottom: 24px;
        } */
  .logo-box {
    width: 70px !important;
    padding-right: 0 !important;
  }
  .logo-box .logo-lg {
    display: block !important;
  }
  body[data-sidebar-size=condensed] .formio-form {
    margin-left: 25px;
  }
  span.btn.dropdown-toggle.jobSkillsCountBtn {
    margin-right: -12px;
  }
  .logo-box .logo-lg img {
    margin-left: -42px;
  }
  .logo-box .logo-sm {
    display: none !important;
  }
  h4.page-title.font-24 {
    font-size: 18px !important;
  }
  .assign_btn {
    font-size: 12px;
    height: 38px;
    line-height: 12px;
  }
  .selected-employees-text {
    font-size: 12px;
  }
  .advance_searchbar_con {
    padding: 8px 0;
  }
  #data_table_custom_search {
    font-size: 12px;
  }
  .topnav .navbar-nav .nav-link {
    padding-top: 21px;
  }
  table.dataTable thead th {
    font-size: 10px;
  }
  table.dataTable tbody tr td,
  table.dataTable tbody tr td * {
    font-size: 14px;
  }
  body[data-layout-mode=horizontal][data-topbar-color=light] .topnav * {
    font-size: 12px;
  }
  .dropdown-megamenu.no_bg,
  .dropdown-menu.dropdown-megamenu-fields.dropdown-megamenu.dropdown-megamenu-without-bg.no_bg {
    min-width: 756px !important;
    -webkit-transform: none !important;
            transform: none !important;
    left: calc(90% - 717px) !important;
  }
  .stfr-dropdown-group-action {
    left: 0 !important;
    min-width: 100% !important;
  }
  .dropdown-megamenu-fields {
    min-width: 100% !important;
    left: 0 !important;
    top: 0;
  }
  body[data-layout-mode=horizontal] .content-page {
    padding: 25px 15px 65px 15px;
  }
  .page-title-box .page-title {
    font-size: 1rem;
  }
  table.dataTable td img.rounded-circle {
    width: 38px;
    height: 38px;
    margin-right: 0.6rem !important;
  }
  .card-box > h2 {
    font-size: 16px;
  }
  .dropdown-megamenu-without-bg .header-title {
    font-size: 17px;
  }
  .subfilter,
  .stfr_clear_filter {
    padding: 8px 20px;
    font-size: 13px !important;
    font-weight: 500;
  }
  .nav-user img.header-top-bar {
    width: 42px;
    height: 42px;
  }
  .nav-user::after {
    right: 15px;
    bottom: 12px;
  }
  .stfr_mark_btn,
  .stfr_btn_green {
    font-size: 13px !important;
  }
  .dropdown-menu.dropdown-megamenu.dropdown-megamenu-without-bg.stfr-dropdown-group-action.show {
    min-width: 820px !important;
  }
  .dropdown-megamenu-without-bg .header-title {
    font-size: 18px;
  }
  ul#side-menu li a span {
    font-size: 13px;
  }
  .nav-second-level li a {
    font-size: 11px;
  }
  .sub-header-redirect-buttons li a,
  .sub-header-redirect-buttons li a:hover,
  .sub-header-redirect-buttons li a.active,
  .settings_tabs > li a,
  .settings_tabs > li a:hover,
  .settings_tabs > li a.active {
    font-size: 12px;
    padding: 10px 25px;
  }
  .custom_fields_tabs {
    min-width: 685px;
  }
  .nav-justified.custom_fields_tabs .nav-item {
    padding: 3px 10px;
  }
  .custom_fields_tabs {
    height: 46px;
  }
  .settingsPagesContent .new_sub_header .page-title.font-24 {
    font-size: 17px !important;
  }
  .dropdown-megamenu-without-bg {
    background-image: none;
    min-width: 760px !important;
    padding: 20px;
  }
  button.btn.btn-rounded.filter_btn.mb-1.font-14.filter-lst-srch {
    padding: 4px 12px;
  }
  .dropdown-megamenu-without-bg .w-100.mb-4 {
    margin-bottom: 1.25rem !important;
  }
  .route_frontOffice_applicants_list .overlay_all_filters_popup h4 {
    font-size: 16px !important;
  }
  .advance_searchbar_con {
    min-width: 257px;
  }
  .route_frontOffice_Jobs_list .page-sub-header .assign_btn {
    padding: 11px 16px;
  }
  .route_frontOffice_Jobs_list .page-sub-header .function_btns #data_table_custom_search {
    width: 86%;
  }
  .route_frontOffice_Jobs_list .page-sub-header .listview {
    margin-left: 4px;
    margin-right: 4px;
  }
  .route_frontOffice_Jobs_list .page-sub-header .functionButtons {
    margin-left: 5px;
  }
  .route_frontOffice_Jobs_list .selected-employees-con .selected-employees-icons.show .dropdown-menu.dropdown-megamenu.dropdown-megamenu-without-bg.stfr-dropdown-group-action.show {
    min-width: 538px !important;
  }
  .Job-Listing-btn-right-sec-form {
    height: 230px;
  }
  .route_frontOffice_Jobs_list .Job-Listing-btn-sec button {
    padding: 9px 9px;
  }
}

@media only screen and (max-width: 992px) {
  .dropdown-menu.keep-open-filter.dropdown-megamenu.dropdown-megamenu-without-bg.show,
  .dropdown-megamenu.no_bg,
  .dropdown-menu.dropdown-megamenu-fields.dropdown-megamenu.dropdown-megamenu-without-bg.no_bg,
  .stfr-dropdown-group-action {
    left: 0 !important;
    min-width: 100% !important;
    left: calc(89% - 611px) !important;
  }
  .topnav {
    height: auto;
  }
  body[data-layout-mode=horizontal] .content-page {
    padding: 0px 15px 65px 15px;
  }
  .content-page {
    margin-top: 75px;
  }
  .dropdown-megamenu {
    right: 0px !important;
  }
  .dropdown-megamenu-without-bg {
    padding: 16px !important;
  }
  label, .filter_menu .form-group label {
    font-size: 11px;
  }
  .route_frontOffice_applicants_list .function_btns .functionButtons {
    margin-left: 4px !important;
  }
  .route_frontOffice_applicants_list .dropdown-menu.dropdown-megamenu.dropdown-megamenu-without-bg.stfr-dropdown-group-action.show, .route_applicants_list .dropdown-menu.dropdown-megamenu.dropdown-megamenu-without-bg.stfr-dropdown-group-action.show {
    min-width: 472px !important;
  }
  .employee_filter_status .filter_btn {
    margin-right: 4px !important;
    font-size: 10px !important;
    padding: 5px 13px;
  }
  .overlay_all_filters_popup h4 {
    font-size: 17px;
  }
  .overlay_all_filters_popup .stfr-apply-filter-btn, .overlay_all_filters_popup .stfr-btn {
    margin-left: 2px;
    font-size: 11px !important;
  }
  .search_dropdown_custmr_top {
    min-width: 888px !important;
    left: calc(100% - 984px) !important;
    height: 400px !important;
    margin-left: 206px;
  }
  .route_applicants_list .stfr-btn, .route_applicants_list .stfr_btn_green {
    margin-left: 6px;
    font-size: 11px !important;
  }
  .advance_searchbar_con {
    min-width: 129px !important;
    max-width: 61px;
  }
  #data_table_custom_search {
    width: 77%;
  }
  #data_table_custom_search {
    width: 67%;
  }
  .route_customer_list .advance_searchbar_con, .route_employee_assignments advance_searchbar_con {
    min-width: 123px !important;
    max-width: 100px;
  }
  .setWidthSearch {
    max-width: 83.33333%;
  }
  .route_customer_list .assign_btn, .route_employee_assignments .assign_btn {
    padding: 12px 7px !important;
  }
  .route_employee_assignments .assign_btn {
    font-size: 11px;
  }
  .route_customer_list .functionButtons, .route_employee_assignments .functionButtons {
    margin-left: 3px;
  }
  .route_customer_list .listview {
    margin-left: 1px;
    margin-right: 4px;
  }
  .route_customer_list .customerLst, .route_employee_assignments .customerLst {
    padding-left: 0px;
  }
  h4.page-title.font-24 {
    font-size: 15px !important;
  }
  .customDataTablePageInfo, #data_table_paginate {
    margin-left: 1px;
  }
  .customer_list_view .route_customer_list {
    padding-top: 20px !important;
  }
  .customer_list_view .pageResponse .dataTables_scrollBody {
    overflow: auto !important;
  }
  body[data-sidebar-size=default].sidebar-enable .dropdown-menu.dropdown-megamenu-fields.dropdown-megamenu-fields.dropdown-megamenu {
    display: none !important;
  }
  .dropdown-megamenu-without-bg {
    min-width: 673px !important;
  }
  .route_employee_assignments .search_dropdown_custmr_top {
    min-width: 614px !important;
    left: calc(100% - 851px) !important;
    height: 436px !important;
    margin-left: 206px;
  }
  .dropdown-mega .dropdown-megamenu.dropdown-megamenu-setting {
    left: 30% !important;
  }
  .dropdown-megamenu .megamenu-list li a {
    font-size: 11px !important;
  }
  .dropdown-menu-right .dropdown-icon-item img {
    width: 27px;
  }
  .dropdown-menu-right .dropdown-icon-item span {
    font-size: 11px;
  }
  .dropdown-menu-right .dropdown-icon-item {
    padding: 2px 0 1px;
  }
}

div.page-sub-header div#filterBtns div.search_dropdown_mrgn__top {
  margin-top: 8px !important;
}

div#filterBtns div.search_dropdown_custmr_top {
  margin-top: -21px !important;
}

.dropdown-item .send_mail_link {
  color: #6c757d !important;
}

/*
.custom_field:hover + .nav-pills{
	display: block !important;
}*/
/*
.settings_tabs .custom_fields_tabs{
	display: none;
}
.custom_field:hover ~ .custom_fields_tabs{
	display: block;
}*/
.dropdown-megamenu-without-bg .header-title {
  font-size: 20px;
  font-weight: 500;
}

table.dataTable.display tbody tr td:first-child input[type='checkbox'] {
  margin-left: 13px !important;
}

table .checkbox label::before {
  border: 1px solid #aaaaaa;
  height: 14px;
  width: 14px;
  top: -12px;
  margin-left: -15px;
  border-radius: 0;
}

table .checkbox input[type=checkbox]:checked + label::after {
  top: -10px;
  left: 7px;
  width: 2px;
  height: 8px;
}

table th .checkbox label::before {
  margin-left: -11px;
}

table th .checkbox input[type=checkbox]:checked + label::after {
  left: 12px;
}

.all_filters_btn {
  background: #f7f8f9;
  border: 1px solid #046AC3;
  color: #000000;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 500;
  height: 38px;
}

div.overlay_all_filters {
  z-index: 6000001;
  cursor: pointer;
}

div.overlay_all_filters,
#custom_dropdown_overlay,
#custom_dropdown_tag,
#custom_dropdown_tag_group,
#custom_dropdown_overlay_advance {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.1;
  z-index: 60;
}

.dropdown-megamenu {
  z-index: 65;
}

div.overlay_all_filters_popup {
  border: 1px solid #aaa;
  padding: 10px;
  border-radius: 5px;
  overflow-y: scroll;
  z-index: 6000002;
  cursor: default;
  position: absolute;
  margin-left: 5%;
  bottom: 0;
  left: 0;
  top: 125px;
  width: 90%;
  background: #fff;
  color: #000;
  /* border: 2px solid #888; */
  overflow: auto;
  z-index: 105;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px;
  padding-bottom: 10px;
  padding: 30px;
  height: 55%;
}

.navbar-custom {
  z-index: 100;
}

.topnav {
  z-index: 99;
}

#branch_logo_remove {
  position: absolute;
  right: 5px;
  top: 5px;
  color: red;
}

.nav-link {
  cursor: pointer;
}

.stfr-btn {
  border: 1px solid #969faf;
  color: #969faf;
  margin-left: 15px;
}

.stfr-cancel-btn {
  color: red;
}

.stfr-apply-filter-btn {
  font-size: 16px;
  margin-left: 15px;
  font-weight: 500;
  border: 1px solid #046AC3;
}

.parent_heading_stfr_filters {
  clear: both;
  width: 100%;
  padding-left: 20px;
}

.sub_heading_stfr_filters {
  clear: both;
  width: 100%;
  padding-left: 25px;
}

div.advance_searchbar_con .dropdown-menu {
  z-index: 102 !important;
}

#work_week:focus {
  border: 1px solid #ced4da;
}

.company_profile_dp {
  min-height: 150px;
  max-height: 150px;
  min-width: 150px;
  max-width: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}

.company_profile_dp_uloaded {
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}

label.noposition {
  padding-left: 10px;
  white-space: nowrap;
}

.tooltip {
  position: absolute;
  display: inline-block !important;
  opacity: 1 !important;
  z-index: 1 !important;
  /*border-bottom: 1px dotted black;*/
}

.tooltip.d-none {
  display: none !important;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #eef0f2;
  color: #6c757d;
  text-align: center;
  white-space: nowrap;
  padding: 0 4px;
  border-radius: 6px;
  padding: 5px 8px;
  font-size: 10px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1099999;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.avatar-group .tooltip {
  z-index: unset;
}

.avatar-group .tooltip > .tooltiptext {
  z-index: 1099999;
}

.advance_filter_applicant div.bootstrap-select {
  width: 100% !important;
}

.advance_filter_applicant .bootstrap-select {
  width: 100% !important;
  float: left !important;
}

.advance_filter_applicant .stfr-filter-sec {
  padding-bottom: 20px !important;
}

.advance_filter_applicant .stfr-filter-sec-1 {
  padding-bottom: 10px !important;
}

.advance_filter_applicant .stfr-filter-sec-1 label {
  width: 100% !important;
}

.advance_filter_applicant .stfr-filter-sec-1 label .change-filter-to-date {
  cursor: pointer;
  font-size: 10px;
  color: blue;
  float: right;
}

.advance_filter_applicant .stfr-filter-sec-1 label .change-filter-to-number {
  cursor: pointer;
  font-size: 10px;
  color: blue;
  float: right;
}

tr.hover {
  background-color: #f6f6f6 !important;
}

.main_staffer_tabs > .card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 30px;
  min-height: 300px;
}

.main_staffer_tabs > .card > .card-header {
  border-right: 1px solid #dadada;
  padding: 0 36px;
  min-width: 18%;
}

.main_staffer_tabs > .card > .card-header ul li {
  margin: 0;
}

.main_staffer_tabs > .card > .card-header ul li a {
  padding: 10px 15px;
}

.main_staffer_tabs > .card > .card-header ul li:first-child a {
  /*padding: 10px 15px;*/
  padding-top: 10px;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.main_staffer_tabs .card-body > [ref="component"] > [ref^=column-] .card.border .card-header {
  position: relative;
}

.main_staffer_tabs .card-body > [ref="component"] > [ref^=column-] .card.border .card-header::after {
  position: absolute;
  width: 100%;
  height: 25px;
  background: transparent;
  top: 0;
  left: 0;
  content: "";
}

.main_staffer_tabs > .card > .card-body > [ref="component"] > [ref^=column-]:not(:first-child) {
  margin-top: 50px;
}

.main_staffer_tabs .card-body > [ref="component"] > [ref^=column-] .card.border {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none !important;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table [ref="component"] i.fa-minus-square-o {
  display: none;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table [ref="component"] span.card-title {
  font-size: 20px !important;
  font-weight: 600;
  color: #323a47 !important;
  display: none;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table [ref^=datagrid-]:first-child [ref="component"] span.card-title {
  display: block;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-EmergencyContactInformationGrid-removeRow"]:after,
.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-workExperienceGrid-removeRow"]:after,
.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-educationGrid-removeRow"]:after,
.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-referencesGrid-removeRow"]:after {
  content: 'Delete';
  font-size: 12px;
  font-weight: 500;
  float: right;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table [ref^=datagrid-]:first-child [ref="component"] .card-header::after {
  content: 'Latest';
  display: none;
  font-size: 16px;
  color: #323a47;
  font-weight: 600;
  padding-top: 25px;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table .card-header::after {
  content: 'Previous';
  display: block;
  font-size: 16px;
  color: #323a47;
  font-weight: 600;
  padding-top: 25px;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table .card-header::after {
  display: none;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-EmergencyContactInformationGrid-removeRow"],
.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-workExperienceGrid-removeRow"],
.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-educationGrid-removeRow"],
.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-referencesGrid-removeRow"] {
  padding: 5px 25px 5px 37px;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table [ref="component"] .card-body {
  padding: 0;
}

.main_staffer_tabs .card-body > [ref="component"] > [ref^=column-] .form-group,
.main_staffer_tabs .card-body .form-group {
  margin-bottom: 7px !important;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table [ref="component"] > .card {
  position: relative;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table [ref="component"] > .card::after {
  position: absolute;
  width: 100%;
  height: 50px;
  left: 0;
  top: 0;
  background: transparent;
  content: "";
}

.main_staffer_tabs .card-body > [ref="component"] > [ref^=column-] .form-group > .list-group.list-group-striped {
  list-style: none;
  margin-bottom: 2px;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table [ref="nested-panel"],
.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table [ref="nested-panel2"] {
  padding: 15px !important;
}

.table.datagrid-table button[ref="datagrid-referencesGrid-addRow"] {
  font-size: 14px;
  border-color: #046AC3 !important;
  /* padding: 13px 25px; */
  border-radius: 4px;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-workExperienceGrid-removeRow"] .fa-times-circle-o:before,
.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-educationGrid-removeRow"] .fa-times-circle-o:before,
.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-EmergencyContactInformationGrid-removeRow"] .fa-times-circle-o:before,
.main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-referencesGrid-removeRow"] .fa-times-circle-o:before {
  content: "\f014";
  position: absolute;
  left: -15px;
  top: 2px;
}

.main_staffer_tabs .formio-button-remove-row {
  border-color: #fd0d1b;
  color: #fd0d1b;
  background: none;
}

.main_staffer_tabs .card-body .card.border fieldset {
  border: none !important;
}

.card-body .table td,
.table th {
  border-top: none;
}

.main_staffer_tabs .card-body > [ref="component"] > [ref^=column-] .card.border span.card-title {
  font-size: 20px !important;
  color: #323a47 !important;
  font-weight: 600;
  margin-bottom: 33px !important;
  display: block;
  line-height: 0;
}

.main_staffer_tabs > .card > .card-body {
  padding: 0rem 2.5rem;
}

.main_staffer_tabs .card-body > [ref="component"] > [ref^=column-] > [ref="component"] .card-header,
.main_staffer_tabs .card-body > [ref="component"] > [ref^=column-] > [ref="component"] .card-body {
  padding: 0;
}

.main_staffer_tabs .card-body > [ref^=column-] .card.border .card-header {
  padding: 0;
}

.main_staffer_tabs .card-body > [ref="component"] > [ref^=column-] .card.border span.card-title .fa {
  display: none !important;
}

.main_staffer_tabs .form-group label {
  color: #046AC3;
  font-size: 12px !important;
}

.main_staffer_tabs .has-feedback .form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*height: auto !important;*/
  min-height: 38px !important;
  border-radius: 4px;
  border: solid 1px #dadada;
  background-color: #ffffff;
  display: flex;
  align-items: center;
}

.main_staffer_tabs .input-group-text {
  background: none !important;
  color: #046AC3;
  font-size: 16px;
  border: none !important;
  padding: 0 !important;
  margin-left: -30px;
}

/*.main_staffer_tabs .formio-choices[data-type=select-multiple] .form-control{
height: 0;
}*/
.main_staffer_tabs .choices__input {
  background: none;
}

/*.main_staffer_tabs .card{
display: -webkit-inline-box;
}*/
.main_staffer_tabs .card ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #dadada;
}

.main_staffer_tabs .card-header {
  background: #ffffff;
}

.main_staffer_tabs .card-header ul li {
  margin: 12px 79px 12px 0;
  font-size: 14px;
  font-weight: 500;
  color: #323a47;
}

.main_staffer_tabs .card-header ul li a {
  padding: 10px 15px;
  font-size: 14px;
}

.main_staffer_tabs .card-header ul li a.active,
.main_staffer_tabs .card-header ul li a:hover {
  border: 0;
  color: #046AC3;
  position: relative;
}

button#reset_emp_form_btn,
button#previous_btn,
button#save_and_continue_btn,
button#save_and_close_btn {
  color: #24272E;
  margin-left: 5px;
  border: 1px solid #046AC3;
  background: none;
  font-weight: 400;
  padding: 9px 24px 8px 24px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: .15rem;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

button#previous_btn:hover,
button#save_and_continue_btn:hover,
button#save_and_close_btn:hover {
  background-color: #046AC3 !important;
  border-color: #046AC3 !important;
  color: #fff !important;
  -webkit-box-shadow: 0px 3px 12px #aaa;
          box-shadow: 0px 3px 12px #aaa;
}

button#reset_emp_form_btn:hover {
  background-color: #D90915 !important;
  border-color: #D90915 !important;
  color: #fff !important;
  -webkit-box-shadow: 0px 3px 12px #aaa;
          box-shadow: 0px 3px 12px #aaa;
}

button#save_and_close_btn {
  background: #046AC3 !important;
  /*border:none !important;*/
  border-color: #046AC3 !important;
  color: #ffffff !important;
}

.main_staffer_tabs .nav-tabs .nav-link {
  border: 0;
}

.stfr-filter-ctrl {
  margin-bottom: 24px !important;
}

.stfr-filter-sec-1 .mb-3 {
  margin-bottom: 0.0 !important;
}

#filterDropdownButton {
  cursor: pointer !important;
}

#customerDropdownButton {
  cursor: pointer !important;
}

#all_clear_filters_btn {
  cursor: pointer;
}

.tooltips {
  position: relative;
}

.tooltips:hover::before {
  content: "";
  position: absolute;
}

.tooltips.tooltips-top:hover::before {
  bottom: calc(100% + .6rem - 5px);
  left: calc(50% - 10px);
  border-top: 5px solid #dddddd;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.tooltips.tooltips-right:hover::before {
  top: 5px;
  left: calc(100% + .6rem - 5px);
  border-right: 5px solid #5a5a5a;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tooltips.tooltips-bottom:hover::before {
  top: calc(100% + .6rem - 5px);
  left: calc(50% - 10px);
  border-bottom: 5px solid #5a5a5a;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.tooltips.tooltips-left:hover::before {
  top: 5px;
  right: calc(100% + .6rem - 5px);
  border-left: 5px solid #5a5a5a;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tooltips:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  width: calc(150% - 1rem);
  z-index: 900;
  padding: .3rem;
  border-radius: .25rem;
  background: #dddddd;
  color: #707070;
  font-size: .75rem;
}

.tooltips.tooltips-top:hover::after {
  bottom: calc(100% + .6rem);
  left: -25%;
}

.tooltips.tooltips-right:hover::after {
  top: 0;
  left: calc(100% + .6rem);
}

.tooltips.tooltips-bottom:hover::after {
  top: calc(100% + .6rem);
  left: -25%;
}

.tooltips.tooltips-left:hover::after {
  top: 0;
  right: calc(100% + .6rem);
}

/*
.action_data_column{
	display: block !important;
}*/
.navbar-custom .topnav-menu .nav-link {
  padding: 0 8px;
}

div.custom_date,
div.custom_date_check {
  display: none;
}
div.quick_custom_date,
div.custom_date_check {
  display: none;
}
div.dt-button-collection {
  overflow-y: auto !important;
  max-height: 60vh;
}

.full-screen-top-bar-icon {
  position: relative;
  padding-left: 40px !important;
}

.full-screen-top-bar-icon::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 1px;
  background: #fff;
  left: 14px;
  top: 25px;
}

#applicant-progress-border {
  width: 140px;
  /*border-right: 1px solid #3333;*/
  margin-top: 8px;
}

.piechartWrapper {
  text-align: center;
}

/*.piechart {
    position: relative;
    display: inline-block;
    margin: 0 0 0 24px;
    padding: 0 0 0 24px;
    border-left: 1px solid #AAAAAA;
}*/
.piechart {
  position: relative;
  text-align: center;
  font-size: 8px !important;
}

.easyPieChart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.show-progress-percent {
  position: absolute;
  top: 20px;
  margin-left: 35px;
}

.show-progress-percent span {
  color: #AAAAAA;
  font-size: 12px;
  font-weight: 300;
}

.show-progress-percent .show-progress-percent-count,
.show-progress-percent .show-progress-percent-count span:first-child {
  color: black !important;
  font-size: 15px;
  font-weight: 600;
  display: block;
  line-height: 16px;
}

#apply_filter_empty {
  height: 35px;
  padding: 8px 0;
  background-color: #f7f8f9;
  color: #39414c;
  text-transform: capitalize;
  font-size: 13px;
  text-align: center;
  margin-top: -24px;
  border-bottom: 1px solid #dee2e6;
}

.applicant_html .card_bg .sp-line-2 {
  font-size: 12px !important;
  line-height: 18px;
  margin-top: 5px;
  width: 100%;
  color: #000;
}

.applicant_html .card_bg .sp-line-2.sp_line_2_id {
  color: #046AC3;
}

/* Due to hotfix */
.piechart,
.show-progress-percent-count {
  /*  display: none !important; */
}

/* Due to hotfix */
.custom-formio-heading {
  font-size: 20px !important;
  font-weight: 600;
  color: #323a47 !important;
}

/* Side bar slider css------------------ start*/
div.applicantWrapper .top_bar_menu_btn {
  position: relative;
}

div.applicantWrapper .top_bar_menu_btn > div.position-absolute {
  top: -19px;
  left: 18px;
}

div.applicantWrapper .top_bar_menu_btn .top_angle_left {
  position: absolute;
  right: 90px;
  font-size: 16px;
  color: #046AC3;
  top: 2px;
}

div.applicantWrapper .top_bar_menu_btn .top_angle_right {
  position: absolute;
  right: 60px;
  font-size: 16px;
  top: 2px;
  color: #046AC3;
}

div.applicantWrapper .top_bar_menu_btn .btn_secondry {
  position: absolute;
  right: 0px;
  color: #fff;
  background-color: #ffffff;
  border-color: #046AC3;
  border-radius: 4px;
  height: 10px;
  max-width: -7px !important;
  padding: 12px 11px;
}

div.applicantWrapper .top_bar_menu_btn .btn_secondry:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

div.applicantWrapper .top_bar_menu_btn .btn_secondry b {
  position: absolute;
  font-size: 16px;
  color: #046AC3;
  font-weight: 30px;
  top: -4px;
  left: 5px;
}

div.applicantWrapper .top_bar_menu_btn div.btn_dropdown_menu {
  margin-top: 25px;
}

div.applicantWrapper .slidereveal_t_margin {
  width: 52% !important;
}

div.height-full {
  height: 100%;
}

div.applicantWrapper .app_top_box {
  background: #FCFCFC 0% 0% no-repeat padding-box;
  border: 1px solid #DADADA;
  border-radius: 8px !important;
  margin-bottom: 25px !important;
}

div.applicantWrapper .aplicant-dp-pic {
  position: relative;
}

div.applicantWrapper .round-circle {
  border-radius: 50% !important;
}

div.applicantWrapper .avatar {
  height: 2.5rem;
  width: 2.5rem;
}

div.applicantWrapper .img-thumbnails {
  width: 96px !important;
  height: 96px;
  background-color: #f2f5f7;
  border: 1px solid #dee2e6;
}

div.applicantWrapper .atbd_record_name {
  font-size: 20px !important;
  font-weight: 800 !important;
  -webkit-transform: uppercase;
          transform: uppercase;
}

div.applicantWrapper .record_percentage {
  position: absolute;
  margin-top: 3px;
  margin-left: 15px;
  height: 22px;
  width: 22px;
  background-color: #fcfcfc;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid #d4d1d1;
}

div.applicantWrapper .percentage_value {
  font-size: 7px;
}

div.applicantWrapper .inprogress_border {
  position: absolute;
  margin-top: 6px;
  border: 1px solid #ff8901;
  border-left: 4px solid #ff8901;
  font-size: 8px;
  color: #24272E;
  padding: 2px 10px 1px 10px;
  border-radius: 3px;
  margin-left: 54px;
  opacity: 100%;
}

div.applicantWrapper .inprogress_border > b {
  color: #046AC3;
}

div.atbd_name {
  margin-bottom: 4px;
}

div.applicantWrapper .social-icons {
  display: block;
  margin-top: 7px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: white;
  word-spacing: 10px;
  margin-left: 11px;
}

div.applicantWrapper .linkedin {
  background: #007bb5;
  color: white;
  border-radius: 4px;
  text-align: center;
  width: 16px;
  height: 16px;
  float: left;
}

div.applicantWrapper .linkedin:hover {
  color: white;
}

div.applicantWrapper .facebook {
  background: #3B5998;
  color: white;
  border-radius: 4px;
  text-align: center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: 15px;
}

div.applicantWrapper .facebook:hover {
  color: white;
}

div.applicantWrapper .twitter {
  color: #55ACEE;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 15px;
  font-size: 16px;
  margin-top: -5px;
}

div.applicantWrapper .twitter:hover {
  color: #55ACEE;
}

div.applicantWrapper .tab-content {
  padding: 0 0 0 0;
}

div.applicantWrapper .tab-pane {
  margin-top: 50px !important;
}

div.formio-form .form-group .card .card-body.tab-pane {
  margin-top: 0px !important;
}

div.applicantWrapper div.applicantTopBoxWrapper div.atb_dataWrapper div.atbd_detail span.detail {
  font-size: 12px !important;
  color: black !important;
}

div.applicantWrapper div.applicantTopBoxWrapper div.atb_dataWrapper div.atbd_detail span.detail {
  border-right: 1px solid #DADADA !important;
}

div.applicantWrapper div.applicantTopBoxWrapper div.atb_dataWrapper div.atbd_detail span.detail:last-child {
  border-right: unset !important;
}

div.applicantWrapper .settings_tabs {
  height: 40px;
}

div.applicantWrapper .settings_tabs > li a {
  padding: 2px 25px !important;
}

div.applicantWrapper #detail {
  /*margin-top: 35px;*/
}

div.applicantWrapper #detail > .section-tab {
  float: left;
  width: 100%;
}

div.applicantWrapper div.employeeInfo h5 {
  margin-top: 0px;
}

/* div.applicantWrapper div.employeeInfo div {
    margin-left: -11px;
}

div.applicantWrapper div.workExperience div {
    margin-left: -10px;
}

div.applicantWrapper div.education div {
    margin-left: -10px;
}

div.applicantWrapper div.travelHistory {
    width: 100%;
}

div.applicantWrapper div.travelHistory div {
    margin-left: -10px;
}

div.applicantWrapper div.documentCompliance div {
    margin-left: -10px;
}

div.applicantWrapper div.references div {
    margin-left: -10px;
} */
div.applicantWrapper #skill div.skills_tabs {
  margin-top: 20px;
  width: 100%;
  float: left;
}

div.applicantWrapper #skill div.skills_tabs span {
  border: 1px solid #D5D5D5;
  /*border-radius: 25px!important;*/
  /*padding: 5px 10px 5px 10px;*/
  /*font-size: 15px;*/
  /*margin-right: 13px;*/
  float: left;
  font-weight: 500;
  padding: 5px 15px;
  color: #000000;
  margin-right: 12px;
  border-radius: 2em;
}

div.applicantWrapper .skills_labels {
  margin-bottom: 8px;
}

/*------------------------------ notes start*/
div.applicantWrapper div#notes .heading__notes {
  margin: unset;
}

div.applicantWrapper div#notes .ad_note_btn {
  margin-bottom: 15px;
}

div.applicantWrapper div#notes button.ad_note_btn {
  font-size: 12px;
  font-weight: 600;
  height: 32px;
  line-height: 8px;
}

div.applicantWrapper div#notes div.text__field_row {
  margin-bottom: 15px;
}

div.applicantWrapper div#notes .floopy_on_text {
  position: absolute;
  right: 30px;
  bottom: 30px;
  font-size: 16px !important;
  color: #046AC3;
}

div.applicantWrapper div#notes .input_field_borders {
  border: 1px solid #707070;
  border-radius: 4px;
}

div.applicantWrapper div#notes input.text_field_title {
  border: unset;
  height: 30px;
  padding-left: 10px;
}

div.applicantWrapper div#notes input.text_field_text {
  border: unset;
  height: 30px;
  padding-left: 10px;
}

div.applicantWrapper div#notes .note_title_section {
  margin-bottom: 12px;
}

div.applicantWrapper div#notes div.note_title_row {
  float: left;
  color: #aaaaaa;
  font-size: 12px;
}

div.applicantWrapper div#notes div.note_title_row span.note_title_heading {
  color: #046AC3;
  font-weight: 600;
}

div.applicantWrapper div#notes div.note_title_row span {
  float: left;
  margin-right: 12px;
  margin-bottom: 5px !important;
}

div.applicantWrapper div#notes p.note_title_text {
  font-weight: 400;
  font-size: 12px;
}

div.applicantWrapper div#notes .note_title_edit {
  color: #046AC3;
  font-size: 16px;
  margin-right: 10px;
  margin-left: 7px;
}

div.applicantWrapper div#notes .note_title_delete {
  color: #fd4550;
  font-size: 16px;
}

/*------------------------------ notes end*/
/*------------------------------ Activites Start*/
div.applicantWrapper #activities .activity_heading {
  margin-bottom: 35px;
  margin-top: 0px;
}

div.applicantWrapper #activities .act_detail_row {
  margin-bottom: 10px;
}

div.applicantWrapper #activities .activity_date {
  font-size: 12px !important;
  font-weight: 500;
  margin-bottom: 0px !important;
}

div.applicantWrapper #activities .act_time {
  color: #707070;
  font-size: 12px;
}

div.applicantWrapper #activities .status_details_section {
  margin-left: 9px;
}

div.applicantWrapper #activities .status__details {
  font-size: 12px;
  font-weight: 500;
  float: left;
  margin-bottom: 0px !important;
}

div.applicantWrapper #activities .status__details span {
  float: left;
  margin-right: 4px;
  margin-bottom: 0px !important;
}

div.applicantWrapper #activities .act_clr_blue {
  color: #323A47;
  font-weight: bolder;
}

div.applicantWrapper #activities .act_clr_green {
  color: #046AC3;
}

div.applicantWrapper #activities .act_clr_red {
  color: #D90000;
}

div.applicantWrapper #activities .date_border_rght {
  width: 13%;
  background: url("../../../images/border_dotted.png") right repeat-y !important;
}

div.applicantWrapper #activities .border_upper_circle {
  position: absolute;
  border: 2px solid #046AC3;
  width: 13px;
  height: 13px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 50%;
  right: -6px;
  top: 3px;
}

/*------------------------------ Activites end*/
/*------------------------------ Attachments start*/
div.applicantWrapper #attachments .attachment_heading {
  margin: unset;
  margin-bottom: 35px;
}

div.applicantWrapper #attachments .row__attachment {
  margin: auto;
  position: relative;
  margin-bottom: 10px;
}

div.applicantWrapper #attachments .ellipsis_vertical {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

div.applicantWrapper #attachments .ellipsis__color {
  color: #046AC3;
}

div.applicantWrapper #attachments .fa__color {
  color: #046AC3;
  padding-right: 8px;
}

div.applicantWrapper #attachments .attach_section_border {
  border: 1px solid #DADADA;
  height: 65px;
  border-radius: 4px;
  padding-left: 0px;
}

div.applicantWrapper #attachments .file_type_logo {
  background-color: #F7F8F9;
  padding: 16px;
  width: auto;
}

div.applicantWrapper #attachments .file__name {
  margin-bottom: 0px;
  content: #323A47;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 2px;
  margin-top: 10px;
}

div.applicantWrapper #attachments .atttached_details {
  float: left;
  margin-bottom: 0px;
}

div.applicantWrapper #attachments .atttached_details span {
  float: left;
  margin-right: 12px;
  margin-bottom: 0px !important;
  font-size: 12px;
  color: #707070;
}

div.applicantWrapper #attachments .atttached_details span.border_right {
  border-right: 1px solid #DADADA;
  padding-right: 12px;
}

div.applicantWrapper #attachments .other__button {
  font-size: 9px;
  font-weight: 600;
  border-radius: 4px;
  border: 1px solid #DADADA;
  background: #F2F5F7;
  padding: 3px 8px 3px 8px;
}

div.applicantWrapper #attachments .atch_clr_blue {
  color: #0089FF !important;
}

/*------------------------------ Attachments end*/
/*------------------------------ Font icons start*/
/*
div.navbar-custom .container-fluid .dropdown div.dropdown-menu{
	min-width: 0rem !important;
	padding: 0rem;
}*/
.add_link_dropdown {
  min-width: 0rem !important;
  padding: 0rem;
}

div.navbar-custom .dropdown-menu .dropdown-item .main_menu_applicant_icon {
  background: url("../../../images/new-menu-icon/Icons/applicant-icon.png") no-repeat;
  width: 23px;
  padding-top: 16px;
  background-size: 25px;
  position: relative;
  top: 2px;
  padding-bottom: 8px;
  margin-left: 9px;
}

div.navbar-custom .dropdown-menu .dropdown-item .main_menu_customer_icon {
  background: url("../../../images/new-menu-icon/Icons/svg/customer.svg") no-repeat;
  width: 23px;
  padding-top: 16px;
  background-size: 25px;
  position: relative;
  top: 2px;
  padding-bottom: 8px;
  margin-left: 9px;
}

div.navbar-custom .dropdown-menu .dropdown-item .main_menu_job_icon {
  background: url("../../../images/new-menu-icon/Icons/svg/jobs.svg") no-repeat;
  width: 25px;
  padding-top: 16px;
  background-size: 25px;
  position: relative;
  top: 2px;
  padding-bottom: 8px;
  margin-left: 4px;
}

div.navbar-custom .dropdown-menu .dropdown-item .main_menu_timesheet_icon {
  background: url("../../../images/new-menu-icon/Icons/svg/timesheet.svg") no-repeat;
  width: 23px;
  padding-top: 16px;
  background-size: 25px;
  position: relative;
  top: 2px;
  padding-bottom: 8px;
  margin-left: 9px;
}

div.navbar-custom .dropdown-menu .dropdown-item .main_menu_invoice_icon {
  background: url("../../../images/new-menu-icon/Icons/svg/invoice.svg") no-repeat;
  width: 23px;
  padding-top: 16px;
  background-size: 25px;
  position: relative;
  top: 2px;
  padding-bottom: 8px;
  margin-left: 9px;
}

div.navbar-custom .dropdown-menu .dropdown-item .main_menu_task_icon {
  background: url("../../../images/new-menu-icon/Icons/svg/tasks.svg") no-repeat;
  width: 23px;
  padding-top: 16px;
  background-size: 25px;
  position: relative;
  top: 2px;
  padding-bottom: 8px;
  margin-left: 4px;
}

/*------------------------------ Font icons end*/
li.nav_item_dropdown_width div.dropdown-menu {
  min-width: auto;
}

li.nav_item_dropdown_width div.dropdown-menu a {
  min-width: auto;
  margin: unset;
  padding-left: 24px;
  padding-right: 24px;
}

div.bxslider .formio-component-picture video.video {
  width: 292px;
  margin-bottom: 12px;
}

.scroll-setting {
  height: 100%;
  overflow-y: auto;
}

.float-setting {
  float: none;
}

div#slidereveal .wrapper-height {
  height: 74%;
}

div.applicantWrapper .round-circle {
  border-radius: 50% !important;
}

div.applicantWrapper .aplicant-dp-pic {
  position: relative;
}

.scroll-setting {
  height: 100%;
  overflow-y: auto;
}

.avatar {
  height: 2.5rem;
  width: 2.5rem;
}

.inprogress-border {
  border: 1px solid #ff9900;
  border-left: 9px solid #ff9900;
}

.labels-border {
  border: 1px solid #ddd;
  border-radius: 25px !important;
  padding: 8px;
  font-size: 16px;
  margin-left: 5px;
}

.form-control.associated_departmentss:hover,
.form-control.sameposition:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-control.associated_departmentss button:hover,
.form-control.sameposition button:hover {
  webkit-box-shadow: 0px 1px 13px 0px #D4D4D4;
  -webkit-box-shadow: 0px 1px 13px 0px #D4D4D4;
          box-shadow: 0px 1px 13px 0px #D4D4D4;
}

.form-control.associated_departmentss .dropdown-menu.show,
.form-control.sameposition .dropdown-menu.show,
.billing_schedule .dropdown-menu.show,
.week_ends .dropdown-menu.show {
  top: 35px !important;
}

table .checkbox-success input[type=checkbox]:checked + label::before,
.adjustments_row .checkbox-success input[type=checkbox]:checked + label::before {
  background-color: #046AC3;
  border-color: #046AC3;
}

/*-----------------jobs start*/
div#jobs_data .project__box .job_h_seaction_div {
  position: relative;
}

div#jobs_data .project__box .job_h__seaction {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

div#jobs_data .project__box .job_listing_date_sec {
  margin-bottom: 10px !important;
}

div#jobs_data .project__box .job_status_align_top {
  position: absolute;
  right: 32px;
  bottom: 14px;
}

div#jobs_data .project__box .job_status_align_right {
  right: 65px;
  bottom: 9px;
}

div#jobs_data .project__box .job_status_align_right + a {
  float: right;
}

div#jobs_data .project__box .text-muted {
  margin-bottom: 10px;
}

div#jobs_data .project__box h5 {
  margin-bottom: 18px;
}

div#jobs_data .project__box .avatar-group h5 {
  margin-bottom: 0px !important;
}

div#jobs_data span.mb-2 {
  margin-bottom: 0 !important;
}

div#jobs_data div.mb-3 {
  margin-bottom: 0 !important;
}

div#jobs_data .project__box .avatar-group {
  padding-left: 12px;
  margin-bottom: 12px;
  margin-top: 12px;
}

div#jobs_data .project__box .avatar-group .jobs_drop_down_menu {
  padding-left: 26px;
  min-width: 180px;
}

div#jobs_data .project__box .avatar-group div.tooltip {
  margin-left: -10px;
}

div#jobs_data .project__box .avatar-group .job_status_no_emp {
  margin-top: 4px;
  margin-bottom: 4px !important;
  font-weight: 300;
  background-color: white !important;
  border: 1px solid red;
  border-radius: 25px;
  padding-right: 15px !important;
  padding-left: 15px !important;
}

div#jobs_data .project__box .jobs_menu__icon {
  bottom: 2px;
  position: relative;
}

div#jobs_data .project__box .status__active {
  border: 1px solid #046AC3;
  border-left: 4px solid #046AC3;
  font-size: 12px;
  line-height: 20px;
  color: #046AC3 !important;
  padding: 0px 10px 0px 10px;
  border-radius: 3px;
  background-color: white !important;
  font-weight: 600;
}

div#jobs_data .project__box .status__up_comming {
  border: 1px solid #1789FC;
  border-left: 4px solid #1789FC;
  font-size: 12px;
  line-height: 20px;
  color: #1789FC !important;
  padding: 0px 10px 0px 10px;
  border-radius: 3px;
  background-color: white !important;
  font-weight: 600;
}

div#jobs_data .project__box .status__finished {
  border: 1px solid #FF8900;
  border-left: 4px solid #FF8900;
  font-size: 12px;
  line-height: 20px;
  color: #FF8900 !important;
  padding: 0px 10px 0px 10px;
  border-radius: 3px;
  background-color: white !important;
  font-weight: 600;
}

div#jobs_data .project__box .job_h__tooltip {
  position: relative;
  display: inline-block;
}

div#jobs_data .project__box .job_h__tooltip .job_h__tooltiptext {
  visibility: hidden;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #dddddd;
  color: #707070;
  text-align: center;
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  z-index: 1;
  bottom: 100%;
}

div#jobs_data .project__box .job_h__tooltip:hover .job_h__tooltiptext {
  visibility: visible;
}

div#jobs_data .project__box .job_cust_name_tooltip {
  position: relative;
  display: inline-block;
}

div#jobs_data .project__box .job_cust_name_tooltip .job_cust_name_tooltiptext {
  visibility: hidden;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #dddddd;
  color: #707070;
  text-align: center;
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  margin-left: -100%;
}

div#jobs_data .project__box .job_cust_name_tooltip:hover .job_cust_name_tooltiptext {
  visibility: visible;
}

/*-----------------jobs end*/
.card__box_branch_pad {
  padding-top: 60px !important;
}

.card__box_vendor_pad {
  padding-top: 60px !important;
}

/*-----------------No using in project*/
.status_d_danger {
  margin-bottom: 6px !important;
  font-weight: 300;
  background-color: white !important;
  border: 1px solid red;
  border-radius: 25px;
  padding-right: 15px !important;
  padding-left: 15px !important;
}

div.a-left {
  text-align: left;
}

.customInfo .total_count_pagination {
  display: block;
  padding-right: 10px;
  padding-top: 2px;
}

.formio-error-wrapper,
.formio-warning-wrapper {
  padding: 0px !important;
}

/*===========================*/
.card-box.project-box.project__box {
  position: relative;
}

.card-box.project-box.project__box > .dropdown.float-right {
  float: none !important;
  position: absolute;
  display: inline-block;
  right: 0;
}

.card-box.project-box.project__box i.mdi.mdi-dots-horizontal.m-0.text-muted.h3 {
  margin-right: 15px !important;
}

.card-box.project-box.project__box .mdi-dots-horizontal::before {
  content: "\F01D8";
  width: 18px;
  height: 19px;
}

ul.typeahead {
  width: 95%;
}

/* cara */
.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.owl-nav button.owl-prev {
  left: -50px;
}

.owl-nav button.owl-next {
  right: -50px;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}

.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}

.owl-stage-outer {
  overflow: visible;
}

.owl-item {
  opacity: 0;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}

.owl-item.active {
  opacity: 2;
}

.owl-dots button.owl-dot.active {
  background-color: #000;
}

.owl-dots button.owl-dot:focus {
  outline: none;
}

.owl-nav button {
  position: absolute;
  top: 14px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.owl-nav button:focus {
  outline: none;
}

.emp_datatable_con {
  POSITION: ABSOLUTE;
  TOP: 25PX;
  width: 100%;
}

.emp_car_box {
  MIN-HEIGHT: 1070PX;
  POSITION: RELATIVE;
}

.emp_car_box .owl-carousel .owl-nav.disabled {
  display: block;
}

.invoice-input-amount {
  position: relative;
}

.invoice-input-amount::before {
  position: absolute;
  left: 20px;
  top: 21px;
  /*content: "$";*/
  color: #6c757d;
}

input[type=range] {
  -webkit-appearance: none;
  margin: 20px 0;
  width: 100%;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: #03a9f4;
  border-radius: 25px;
}

input[type=range]::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0 4px 0 #000;
          box-shadow: 0 0 4px 0 #000;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #03a9f4;
}

.range-wrap {
  width: 500px;
  position: relative;
}

.range-value {
  position: absolute;
  top: -50%;
}

.range-value span {
  width: 30px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border-radius: 6px;
}

.range-value span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #03a9f4;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
}

ul.typeahead {
  width: 95%;
}

input[type=range] {
  -webkit-appearance: none;
  margin: 20px 0;
  width: 100%;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: #03a9f4;
  border-radius: 25px;
}

input[type=range]::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0 4px 0 #000;
          box-shadow: 0 0 4px 0 #000;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #03a9f4;
}

.range-wrap {
  width: 500px;
  position: relative;
}

.range-value {
  position: absolute;
  top: -50%;
}

.range-value span {
  width: 30px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border-radius: 6px;
}

.range-value span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #03a9f4;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
}

.left__side__menu > li:nth-child(4) {
  display: none;
}

.left__side__menu > li:nth-child(3) {
  display: block !important;
}

/* [data-sidebar-size='condensed'] .left__side__menu li > a{
    text-align: center;
}
[data-sidebar-size='condensed'] .left__side__menu li:hover > a{
    text-align: left;
}

[data-sidebar-size='condensed'] .left__side__menu li > a > img{
    display: inline-block;
} */
#sidebar-menu .menuitem-active .active {
  color: #046AC3;
}

#sidebar-menu .menu-title {
  padding: 10px 20px !important;
  font-size: 11px;
}

#sidebar-menu > ul > li > a img {
  display: inline-block;
  line-height: 1.0625rem;
  margin: 0 10px 0 3px;
  -webkit-filter: grayscale(2);
          filter: grayscale(2);
}

.nav-second-level li a {
  padding: 8px 20px !important;
  margin-bottom: 0;
}

.nav-second-level li a img {
  margin-top: -2px;
  margin-right: 14px !important;
  -webkit-filter: grayscale(2);
          filter: grayscale(2);
}

.nav-second-level li a img active {
  margin-top: -2px;
  margin-right: 14px !important;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a span {
  padding-left: 39px;
}

.staffer_footer {
  color: #98a6ad;
  /* background-color: #eaeff2; */
  padding: 10px;
  display: block;
  margin-top: -36px;
}

[data-sidebar-size='condensed'] .staffer_footer {
  display: none;
}

[data-sidebar-size='condensed'] ul.left__side__menu li a span {
  color: #046AC3 !important;
}

#dash-customer-filter .col-md-4 {
  width: 50%;
  max-width: 50%;
}

#dash-customer-filter label.mb-1 {
  display: none;
}

#todo-list .custom-control.custom-checkbox {
  display: inline-block;
}

.counter_top_widget_row .col .card-box:hover {
  cursor: pointer;
}

.counter_top_widget_row .col .card-box h3 span {
  font: normal normal 600 30px/52px Nunito Sans;
  letter-spacing: 0px;
  color: #323A47;
  line-height: 0;
}

.counter_top_widget_row .col .card-box .tooltiptext {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 4px 8px #00000029;
          box-shadow: 2px 4px 8px #00000029;
  border: 1px solid #DADADA;
  padding: 13px 15px;
  width: calc(100% + 48px);
  left: -24px;
  top: 35px;
  text-align: left;
  font: normal normal normal 10px/18px Nunito Sans;
  letter-spacing: 0px;
  color: #777777;
  min-height: 85px;
}

.counter_top_widget_row .col .card-box .tooltiptext b {
  float: right;
  font: normal normal 600 10px/18px Nunito Sans;
  letter-spacing: 0px;
  color: #046AC3;
}

.counter_top_widget_row .col .card-box .text-truncate {
  text-align: right;
  font: normal normal normal 12px/18px Nunito Sans;
  letter-spacing: 0px;
  color: #777777 !important;
  line-height: 9px;
  line-height: 14px;
  margin: 0;
}

.dash_top_widget {
  position: relative;
}

.dash_top_widget .dropdown {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}

.counter_top_widget_row .col .card-box {
  height: 122px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: -1px 1px 7px #00000014;
          box-shadow: -1px 1px 7px #00000014;
  border: 1px solid #DADADA;
  border-radius: 8px;
  padding: 0 24px 0 24px;
}

.counter_top_widget_row .col .card-box:hover {
  border-color: #046AC3;
  -webkit-box-shadow: 1px 1px 7px 4px #00000014;
          box-shadow: 1px 1px 7px 4px #00000014;
}

.counter_top_widget_row .col .card-box .tooltip .row {
  height: 122px;
}

.counter_top10_widget_row .col-xl-4 .card-box {
  min-height: 430px;
}

.counter_top5_widget_row .col-xl-6 .card-box,
.counter_top5_widget_row .col-xl-6 .card {
  min-height: 470px;
}

.staffer_dashboard_con .table td,
.staffer_dashboard_con .table th {
  padding: 8px 3px;
}

#apply_filter_dash .form-group {
  margin-bottom: 0;
}

.left-side-menu {
  top: 50px;
}

.dropdown-menu.add_link_dropdown.show {
  top: 116% !important;
  background-color: #FFFFFF;
  width: 279px;
  /* margin-right: 50px !important; */
  left: 40px;
  margin-left: 11px;
}

.topbar-dropdown .dropdown-menu.dropdown-lg.dropdown-menu-right.show {
  top: 89% !important;
}

.topbar-dropdown .dropdown-menu.dropdown-menu-right.profile-dropdown.show {
  top: 89% !important;
}

.header-colap-btn .vl {
  border-left: 1px solid #fff;
  height: 20px;
  position: absolute;
  /* left: 50%; */
  margin-left: 67px;
  top: 15px;
}

body[data-sidebar-size=condensed] .left-side-menu {
  width: 50px !important;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a {
  padding: 15px 13px;
  width: 70px;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul {
  left: 50px;
}

#sidebar-menu > ul > li > a:hover,
#sidebar-menu > ul > li > a:focus,
#sidebar-menu .menuitem-active > a {
  color: #046AC3;
}

#sidebar-menu .menuitem-active .active img,
#sidebar-menu .menuitem-active .active,
#sidebar-menu > ul > li > a img:hover,
#sidebar-menu .menuitem-active > a,
ul.left__side__menu .nav-second-level li a img:hover,
#sidebar-menu > ul > li > a:hover,
#sidebar-menu > ul > li > a > span:hover,
#sidebar-menu .menuitem-active > a img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

ul#side-menu > li:hover > a,
ul#side-menu > li:hover > a > img,
ul#side-menu > li > a:focus,
ul#side-menu > li > a:focus > img,
ul#side-menu > li .nav-second-level > li:hover > a,
ul#side-menu > li .nav-second-level > li > a:focus,
ul#side-menu > li .nav-second-level > li:hover > a > img,
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul a:hover {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  color: #046AC3;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > a {
  width: calc(190px + 50px);
}

ul#side-menu > li > a:focus,
ul#side-menu > li > a:focus > img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  color: #046AC3;
}

.nav-second-level li a :hover {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  color: #046AC3;
}

ul.left__side__menu .nav-second-level li a:hover {
  color: #046AC3;
}

#sidebar-menu > ul > li > a {
  width: 251px;
}

.selected-employees-icons .dropdown {
  width: 230px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
}

.selected-employees-icons .dropdown.toggle > input {
  display: none;
}

.selected-employees-icons .dropdown > a,
.selected-employees-icons .dropdown.toggle > label {
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 5px -5px #000000;
          box-shadow: 0 6px 5px -5px #000000;
}

.selected-employees-icons .dropdown > a::after,
.selected-employees-icons .dropdown.toggle > label::after {
  content: "";
  float: right;
  margin: 16px 6px 1px 4px;
  width: 15px;
  height: 10px;
  background: url(../../../images/assgin_now_dropdown.svg) no-repeat !important;
}

.selected-employees-icons .dropdown ul {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  -webkit-box-shadow: -1px 4px 8px 0px #0000004d;
          box-shadow: -1px 4px 8px 0px #0000004d;
  overflow: hidden;
  background: #fff;
}

.selected-employees-icons .dropdown a,
.selected-employees-icons .dropdown.toggle > label {
  display: block;
  padding: 0 0 0 10px;
  text-decoration: none;
  line-height: 36px;
  font-size: 12px;
  text-transform: capitalize;
  font-weight: bold;
  background-color: #046AC3;
  height: 36px;
  margin-bottom: 0;
}

.selected-employees-icons .dropdown .emp_custome_dropdown a {
  padding: 0;
  font-weight: 400 !important;
  color: #1c1c1c !important;
  background: #FFF;
  padding: 0 !important;
  text-align: left;
  background: #FFF;
}

.selected-employees-icons .dropdown .emp_custome_dropdown a:hover {
  background: transparent;
  color: #046AC3 !important;
}

.selected-employees-icons .dropdown li {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  padding-left: 10px;
}

.selected-employees-icons .dropdown.hover li {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}

.selected-employees-icons .dropdown li:first-child a {
  border-radius: 2px 2px 0 0;
}

.selected-employees-icons .dropdown li:last-child a {
  border-radius: 0 0 2px 2px;
}

.selected-employees-icons .dropdown li:first-child a::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFF;
  margin: -10px 0 0 30px;
}

.selected-employees-icons .dropdown a:hover,
.selected-employees-icons .dropdown.toggle > label:hover,
.selected-employees-icons .dropdown.toggle > input:checked ~ label {
  background-color: #046AC3;
  color: #fefefe;
}

.selected-employees-icons .dropdown > a:hover::after,
.selected-employees-icons .dropdown.toggle > label:hover::after,
.selected-employees-icons .dropdown.toggle > input:checked ~ label::after {
  border-top-color: #fff;
}

.selected-employees-icons .dropdown li:first-child a:hover::before {
  border-bottom-color: #EEE;
}

.selected-employees-icons .dropdown.hover:hover li,
.selected-employees-icons .dropdown.toggle > input:checked ~ ul li {
  height: 36px;
}

.selected-employees-icons .dropdown.hover:hover li:first-child,
.selected-employees-icons .dropdown.toggle > input:checked ~ ul li:first-child {
  padding-top: 15px;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a span {
  padding-left: 19px;
}

#dash-customer-filter {
  position: absolute;
  left: 140px;
  top: -22px;
  width: 325px;
}

#dash-customer-filter .bootstrap-select > .dropdown-toggle.bs-placeholder {
  padding: 2px;
}

.card-box .dropdown-item.active {
  background-color: darkgrey;
  color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #747e86;
  font-size: 12px;
  font-weight: 300;
  font-family: Nunito Sans;
  font: normal normal normal 14px/18px Nunito Sans;
  letter-spacing: 0px;
  white-space: nowrap;
  /*color: #adb5bd!important;*/
  cursor: pointer;
  font-weight: 300;
  font-family: Nunito Sans;
  text-align: left;
  line-height: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #747e86;
  font-size: 12px;
  font-weight: 300;
  font-family: Nunito Sans;
  font: normal normal normal 14px/18px Nunito Sans;
  letter-spacing: 0px;
  white-space: nowrap;
  color: #adb5bd !important;
  cursor: pointer;
  font-weight: 300;
  font-family: Nunito Sans;
  text-align: left;
  line-height: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.spinner_con {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#msg {
  display: none;
}

.todoapp {
  height: 340px;
}

.addtask {
  position: absolute;
  width: 97%;
  bottom: 18px;
}

.staffer_dashboard_con .counter_top10_widget_row .table td,
.staffer_dashboard_con .counter_top10_widget_row .table th {
  padding: 6px 2px !important;
}

.staffer_dashboard_con .counter_top10_widget_row .table td .btn {
  padding: 0;
}

.staffer_dashboard_con .checkbox-success input[type=checkbox]:checked + label::before {
  background-color: #046AC3;
  border-color: #046AC3;
}

.counter_top10_widget_row .tooltip .tooltiptext {
  max-width: 500px;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li {
  width: 50px;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover {
  width: 215px;
}

.selected-employees-icons .staffer_dropdown {
  width: auto;
  margin: 0;
  /* padding: 9px 23px 8px 23px; */
  font-size: .8125rem;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.selected-employees-icons .staffer_dropdown > label {
  background-color: #046AC3;
  padding: 0;
  border-color: #046AC3;
  color: #fff;
  border: 1px solid #046AC3;
  font-weight: 400 !important;
  text-transform: capitalize !important;
}

.staffer_dashboard_con .tooltip {
  z-index: auto;
}

body[data-sidebar-size=condensed] .left-side-menu {
  width: 50px !important;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a {
  padding: 15px 13px;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul {
  left: 50px;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a span {
  padding-left: 19px;
}

.job-detail-card {
  padding: 24px 36px;
}

.job-detail-card h5,
.calender_filter h5,
.ShiftDetails h5,
.shift_details_con h5 {
  text-align: left;
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 600;
  letter-spacing: 0px;
  color: #323A47;
  opacity: 1;
  margin: 0;
  font-size: 16px;
  margin-left: 14px;
}

.job_details_field_con {
  margin-top: 24px;
}

button.dropdown-toggle {
  height: 38px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #AAAAAA;
  border-radius: 4px;
  opacity: 1;
  text-align: left;
  font-size: 12px;
  font-family: Nunito Sans;
  font-weight: 300;
  letter-spacing: 0px;
  color: #AAAAAA;
}

.job_details_field_con .bootstrap-select.show > .btn-light {
  background: #fbfbfb !important;
}

.bootstrap-select > .btn-light,
.job_details_field_con input,
input.form-control,
.adress_detail_con input,
.bootstrap-select.form-control .dropdown-toggle .filter-option-inner-inner {
  color: #747e86 !important;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  border-color: #AAAAAA;
  padding: 6px 13px;
  font-family: "Nunito Sans", sans-serif !important;
}

.job-detail-card .dropdown-item.active,
.select2-container--default .select2-results__option[aria-selected=true] {
  font-size: 14px;
  color: #323A47 !important;
  background: transparent !important;
  font-weight: 600;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: transparent !important;
}

.bootstrap-select.form-control .dropdown-toggle .filter-option-inner-inner {
  padding: 0;
}

.job_details_field_con button.btn.dropdown-toggle.btn-light:focus {
  border: 1px solid #AAAAAA !important;
}

.job_details_field_con > div.col-md-6 {
  margin-bottom: 8px;
  height: 80px;
}

.shift_details_con {
  margin-top: 12px;
}

.dt-button-collection button.dt-button {
  text-align: left;
  padding-left: 20px;
}

.resetFilterApplied + #apply_filter_empty {
  margin-top: 17px !important;
}

/*.Job-Listing*/
.Job-Listing-btn-sec button,
.Job-Listing-btn-sec .dropdown button {
  padding: 9px 24px;
  font-size: 12px;
  line-height: 21px;
  color: #323A47;
  border: 1px solid #046AC3;
  background: #ffffff;
  border-radius: 4px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.Job-Listing-btn-sec button:hover {
  background: #046AC3;
  border: 1px solid #046AC3;
  color: #ffffff;
}

.Job-Listing-btn-sec button span {
  color: #046AC3;
  padding-left: 5px;
}

.Job-Listing-btn-sec button {
  color: #046AC3;
}

.Job-Listing-btn-sec button:hover span {
  color: #ffffff;
}

.Job-Listing-btn-left-sec button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.Job-Listing-btn-left-sec button {
  border-radius: 0;
}

.Job-Listing-btn-left-sec button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.Job-Listing-btn-right-sec button {
  margin-right: 10px;
}

.Job-Listing-btn-right-sec button:first-child {
  color: red !important;
  border: 1px solid #B9B9B9 !important;
}

#btn-check {
  display: none;
}

.Job-Listing-box-item {
  background: #ffffff;
  border: 1px solid #DADADA;
  padding: 25px 16px;
  max-width: 32% !important;
  margin: 0 auto 0 0;
  border-radius: 8px;
}

.Job-Listing-box-item-left-title a {
  text-decoration: none;
}

.Job-Listing-box-item-left-title a h3 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #0F68C1;
  margin: 0;
}

.Job-Listing-box-item-left-title span {
  font-size: 12px;
  letter-spacing: 0px;
  color: #707070;
  font-weight: 500;
}

.Job-Listing-box-item-right-title-con > span {
  font-size: 12px;
  font-weight: 600;
  color: #1BB91F;
  line-height: 16px;
  border: 1px solid #1BB91F;
  border-left: 4px solid #1BB91F;
  border-radius: 3px;
  padding: 0 10px;
}

.staffer_green_black_btn {
  padding: 7px 21px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 4px;
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 600;
  font-size: 12px;
  opacity: 1;
  border: 1px solid #046AC3;
  color: #323A47 !important;
}

.staffer_delete_btn {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 4px;
  width: 38px;
  heigth: 38px;
  opacity: 1;
  border: 1px solid #046AC3 !important;
  color: #323A47;
}

ul.left__side__menu li a .front_off_text:hover {
  color: #20CC7D !important;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a .front_off_text {
  color: #20CC7D !important;
}

.customer_social_btn {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 4px;
  width: 36px;
  height: 36px;
  opacity: 1;
  border: 1px solid #046AC3 !important;
  color: #323A47;
  padding-top: 6px;
}

.customer_green_black_btn {
  padding: 7px 21px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 4px;
  font-family: "Nunito Sans", sans-serif !important !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  opacity: 1;
  border: 1px solid #046AC3 !important;
  color: #323A47;
}

.customer_black_btn {
  padding: 7px 21px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 4px;
  font-family: "Nunito Sans", sans-serif !important !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  opacity: 1;
  border: 1px solid #777777 !important;
  color: #323A47;
}

.calender_filter h5,
.ShiftDetails h5 {
  margin: 24px 0;
}

.adress_detail_con {
  margin: 36px 0;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: #adb5bd !important;
  font-weight: 400;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  -webkit-box-shadow: 0px 1px 13px 0px #D4D4D4;
          box-shadow: 0px 1px 13px 0px #D4D4D4;
}

.adress_detail_con .row:first-child {
  margin-bottom: 24px;
}

.ShiftDetails,
.calender_filter,
.adress_detail_con,
.shift_details_con {
  border-top: 2px solid #707070;
}

.calender_filter {
  margin-top: 24px;
}

.adress_detail_con,
.shift_details_con {
  padding-top: 18px;
}

.adress_detail_con h5,
.shift_details_con h5 {
  margin-top: 18px;
  margin-bottom: 18px;
}

.calender_filter .filter_btn {
  margin-bottom: 24px;
}

.shift-detail-card {
  background: #FCFCFC 0% 0% no-repeat padding-box;
  border-radius: 4px;
  border: 1px solid #AAAAAA;
  padding: 13px 15px;
  margin-bottom: 12px;
}

.shift-detail-card .shift_time,
.shift-detail-card .shift_name {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 400;
  width: 100%;
}

.shift-detail-card .shift_name {
  color: #323A47;
  font-size: 12px;
  text-align: left;
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 400;
  letter-spacing: 0px;
}

.shift-detail-card .shift_time {
  color: #707070;
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 400;
  font-size: 12px;
  display: block;
}

.added_shift_card {
  background: #FCFCFC 0% 0% no-repeat padding-box;
  border: 1px solid #DADADA;
  border-radius: 4px;
  padding: 13px;
  margin-bottom: 16px;
  margin-top: -9px;
}

.file-list .added_shift_card {
  margin-bottom: 2px;
}

.add_social_card {
  background: #FCFCFC 0% 0% no-repeat padding-box;
  border: 1px solid #DADADA;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 8px;
  margin-top: -3px;
}

.added_shift_card .added_shif_card_lable {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #046AC3;
  white-space: nowrap;
}

.added_shift_card .added_shif_card_detail {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #323A47;
  /*  float: left;*/
  text-transform: capitalize;
  white-space: nowrap;
  padding: 0;
}

.file-list .added_shift_card .added_shif_card_detail {
  white-space: initial;
}

.added_shif_edit_icon {
  margin-left: 8px;
  cursor: pointer;
}

button.added_attach_edit_icon {
  background: transparent;
  border: 0;
  padding: 0;
}

button.added_attach_edit_icon + button {
  display: none;
}

.shift-detail-card img {
  width: 100%;
  max-width: 24px;
}

.employee_filter_gray .filter_btn {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #AAAAAA;
}

span.opional_label {
  font: italic normal normal var(--unnamed-font-size-12)/var(--unnamed-line-spacing-18) var(--unnamed-font-family- Nunito Sans);
  letter-spacing: var(--unnamed-character-spacing-0);
  text-align: left;
  font: italic normal normal 12px/18px Nunito Sans;
  letter-spacing: 0px;
  color: #AAAAAA;
}

.time_field {
  position: relative;
}

.time_field::after {
  position: absolute;
  right: 20px;
  content: "";
  width: 16px;
  height: 16px;
  background: url(../../../images/clock1.svg) no-repeat #fff !important;
  top: 34px;
}

[name="shift_notes"] {
  height: 38px;
}

body[data-sidebar-size=condensed] .left-side-menu {
  width: 50px !important;
  position: fixed;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a {
  padding: 15px 13px;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul {
  left: 50px;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > a span {
  padding-left: 19px;
}

.employee_filter_gray .checkbox label {
  color: #323A47;
  padding-left: 0;
}

.employee_filter_gray .checkbox label::before {
  height: 12px;
  width: 12px;
  border-width: 1px;
}

.employee_filter_gray .checkbox input[type=checkbox]:checked + label::after {
  top: 3px;
  left: 3px;
  width: 0px;
  height: 8px;
}

.ShiftDetails,
.adress_detail_con,
.shift_details_con {
  border-top: 1px solid #707070 !important;
}

.fileuploader-input .fileuploader-input-caption {
  display: none;
}

.job-detail-card .card.card-custom {
  border: 1px solid #AAAAAA;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
}

.job-detail-card .card.card-custom::after {
  position: absolute;
  content: "";
  background: transparent;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.fileuploader-input-button span {
  display: none;
}

.fileuploader-input .fileuploader-input-button {
  background: #fff;
  border: 1px dashed #DADADA;
  width: 38px;
  height: 38px;
  border-radius: 4px;
}

.fileuploader-input-button::after {
  position: relative;
  content: "\F0167";
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: 22px;
  text-rendering: auto;
  line-height: inherit;
  color: #046AC3;
  -webkit-font-smoothing: antialiased;
  line-height: 7px;
  margin-left: -12px;
}

.added_shift_card {
  position: relative;
}

.add_social_card {
  position: relative;
}

.added_shift_card i {
  position: absolute;
  color: #d90001;
  right: -9px;
  top: -11px;
  font-size: 16px;
  cursor: pointer;
}

.add_social_card i {
  position: absolute;
  color: #d90001;
  right: -9px;
  top: -11px;
  font-size: 16px;
  cursor: pointer;
}

.added_shift_selected {
  border: 1px solid #046AC3;
  -webkit-box-shadow: 2px 4px 8px #00000029 !important;
          box-shadow: 2px 4px 8px #00000029 !important;
}

.adress_detail_con .row.mt-24 {
  margin-top: 24px;
}

.adress_detail_con .bootstrap-select > .dropdown-toggle[title=Select] {
  background-color: #fff !important;
  border: 1px solid #ced4da;
  color: #6c757d !important;
}

.job-detail-card .bootstrap-select .dropdown-toggle:focus {
  border: 1px solid #ced4da !important;
}

.applicantWrapper .dropdown-item {
  padding: .375rem 0.6rem !important;
}

.applicantWrapper .dropdown-item img {
  margin-right: 5px;
}

.applicantWrapper .job_detail {
  cursor: pointer;
}

.applicantWrapper .col-md-4:empty {
  display: none;
}

#applicant-progress-border {
  width: 140px;
  border-right: 1px solid #3333;
  margin-top: 8px;
}

.dt-button-collection button.dt-button {
  text-align: left;
  padding-left: 20px;
}

.resetFilterApplied + #apply_filter_empty {
  margin-top: 17px !important;
}

/*.Job-Listing*/
.Job-Listing-btn-sec button,
.Job-Listing-btn-sec .dropdown button {
  padding: 9px 24px;
  font-size: 14px;
  line-height: 21px;
  color: #323A47;
  border: 1px solid #046AC3;
  background: #ffffff;
  border-radius: 4px;
}

.Job-Listing-btn-sec button:hover {
  background: #046AC3;
  color: #ffffff;
}

.Job-Listing-btn-sec button span {
  color: #046AC3;
  padding-left: 5px;
}

.Job-Listing-btn-sec button {
  color: #046AC3;
}

.Job-Listing-btn-sec button:hover span {
  color: #ffffff;
}

.Job-Listing-btn-left-sec button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.Job-Listing-btn-left-sec button {
  border-radius: 0;
}

.Job-Listing-btn-left-sec button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.Job-Listing-btn-right-sec button {
  margin-right: 10px;
}

.Job-Listing-btn-right-sec button:first-child {
  color: red !important;
  border: 1px solid #B9B9B9 !important;
}

#btn-check {
  display: none;
}

.Job-Listing-box-item {
  background: #ffffff;
  border: 1px solid #DADADA;
  padding: 25px 16px;
  max-width: 32% !important;
  margin: 0 auto 0 0;
  border-radius: 8px;
}

.Job-Listing-box-item-left-title a {
  text-decoration: none;
}

.Job-Listing-box-item-left-title a h3 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #0F68C1;
  margin: 0;
}

.Job-Listing-box-item-left-title span {
  font-size: 12px;
  letter-spacing: 0px;
  color: #707070;
  font-weight: 500;
}

.Job-Listing-box-item-right-title-con > span {
  font-size: 12px;
  font-weight: 600;
  color: #1BB91F;
  line-height: 16px;
  border: 1px solid #1BB91F;
  border-left: 4px solid #1BB91F;
  border-radius: 3px;
  padding: 0 10px;
}

.Job-Listing-box-item-right-title .checkbox.checkbox-success,
.Job-Listing-btn-right-sec .checkbox.checkbox-success {
  display: inline-block;
}

.Job-Listing-box-item-right-title .checkbox label::before,
.Job-Listing-btn-right-sec .checkbox label::before {
  height: 14px !important;
  width: 14px !important;
  border: 1px solid #98a6ad;
  top: -11px !important;
  margin-left: -15px !important;
}

.Job-Listing-box-item-right-title .checkbox input[type=checkbox]:checked + label::after,
.Job-Listing-btn-right-sec .checkbox input[type=checkbox]:checked + label::after {
  position: absolute;
  top: -8px !important;
  left: 7px !important;
}

.Job-Listing-box-item-right-title > div {
  float: right;
}

.Job-Listing-box-item-right-title .dropdown-eye {
  padding: 0 0 0 10px;
  margin-right: 0;
  color: #20CC7D;
}

.Job-Listing-box-item-right-title .mdi-dots-vertical {
  color: #0F68C1;
}

.Job-Listing-box-item-right-title .dropdown-eye:hover {
  margin-right: 0;
}

.Job-Listing-box-item-right-title .card-drop {
  position: relative;
  top: 2px;
}

.Job-Listing-box-item-content-con {
  padding: 16px 0 24px 0;
}

.Job-Listing-box-item-content-con h6 {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  letter-spacing: 0px;
  font-weight: 500;
  color: #046AC3;
}

.Job-Listing-box-item-content-con span {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: 0;
}

.Job-Listing-box-item-content-con .Job-Listing-create-name {
  color: #0F68C1;
  display: block;
  white-space: nowrap;
  width: 7em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Job-Listing-box-item-icon {
  display: inline-block;
}

.Job-Listing-box-item-icon-con span {
  position: relative;
}

.Job-Listing-box-item-icon-con span:after {
  content: "";
  border-bottom: 2px dotted #DADADA;
  position: absolute;
  width: 50px;
  top: 10px;
  margin-left: 5px;
}

.Job-Listing-box-item-icon-con .col:last-child span::after {
  display: none;
}

.Job-Listing-box {
  margin: 48px 0 0 12px;
}

.Job-Listing-inner-box {
  margin-bottom: 24px;
  padding-left: 17px;
}

.Job-Listing-btn-right-sec button {
  font-weight: 600;
}

.Job-Listing-btn-right-sec button:hover {
  color: #323A47;
  border: 1px solid #046AC3;
  background: #ffffff;
}

.Job-Listing-btn-right-sec button:first-child:hover {
  color: red;
  border: 1px solid #B9B9B9;
}

.Job-Listing-btn-right-sec button:last-child {
  border: 1px solid #B9B9B9;
  position: relative;
  padding: 6px 13px 5px 13px;
  margin-right: 0;
}

.Job-Listing-btn-right-sec button:last-child:hover {
  border: 1px solid #B9B9B9;
}

#btn-check:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  width: 5px;
  height: 9px;
  left: 4px;
  border: solid #ffff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

label.show-check-box:before {
  content: '';
  -webkit-appearance: none;
  background-color: #046AC3;
  border: 1px solid #046AC3;
  padding: 5px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 2px;
}

.show-check-box {
  font-size: none;
  padding: 0;
  position: relative;
}

.job-listing-top-bar-con::before {
  background: #FFFFFF;
  border-bottom: 1px solid #b0b5b9;
  content: "";
  position: absolute;
  width: 100%;
  height: 52px;
  margin-left: -26px;
}

.job-listing-top-bar-con ul {
  margin-bottom: 0;
  padding: 16px 30px;
}

.job-listing-top-bar-con ul li {
  float: left;
  list-style: none;
}

.job-listing-top-bar-con ul li a h6 {
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  color: #323A47;
  display: inline-block;
  padding-left: 8px;
  margin: 0;
  font-weight: 400;
}

.job-listing-top-bar-con ul li {
  padding-right: 36px;
}

.Job-Listing-btn-right-sec-form {
  width: 384px;
  height: 258px;
  padding: 36px;
  margin-left: -125px;
}

.Job-Listing-btn-right-sec-form h4 {
  text-align: left;
  font: normal normal 600 20px/30px Nunito Sans;
  letter-spacing: 0px;
  color: #323A47;
  margin: 0;
}

.Job-Listing-btn-right-sec-form label {
  text-align: left;
  font-size: 12px;
  letter-spacing: 0px;
  color: #1DBC9C;
  padding-left: 0;
}

.Job-Listing-btn-right-sec-form .form-group {
  padding: 24px 0 36px 0;
  margin-bottom: 0;
}

.Job-Listing-btn-right-sec-form form button {
  width: 100%;
  color: #FFFFFF !important;
  font-size: 14px !important;
}

.job-listing-top-bar-con + div {
  padding-top: 25px;
  padding-left: 17px;
}

/*.Job-Listing*/
/*new-job-box*/
.new-job-box {
  background: #FFFFFF;
  border-radius: 4px;
  padding: 24px 24px 57px 24px;
}

.new-job-box-left-title-con {
  padding-bottom: 24px;
}

.new-job-box-left-title-con h4 {
  text-align: left;
  font: normal normal 600 16px/22px Nunito Sans;
  letter-spacing: 0px;
  color: #323A47;
  margin: 0;
}

.new-job-box-left-title-con span {
  font: normal normal 600 10px/16px Nunito Sans;
  letter-spacing: 0px;
  color: #FF8900;
  text-transform: uppercase;
  border: 1px solid #FF8900;
  border-left: 4px solid #FF8900;
  border-radius: 4px;
  padding: 0 4px;
  float: right;
}

.new-job-box-form-con,
.new-job-box-form-clander {
  padding-bottom: 24px;
}

.new-job-box-form-con .position_div .pos_title {
  margin-top: 9px;
  font-size: 14px;
  font-weight: 500;
  padding-left: 12px;
  color: #046AC3;
  margin-bottom: 4px;
  width: 122px;
  margin-bottom: 5px;
}

.new-job-box-form-con .position_div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section_4 .wage_type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section_4 .w-type {
  width: 59px;
  font-size: 14px;
  margin-top: 6px;
}

.new-job-box-left-con .location-sec {
  margin-top: 20px;
}

.new-job-box-left-con .address_section .addr-label {
  margin-right: 6px;
  font-size: 14px;
  margin-top: 6px;
}

.new-job-box-left-con .address_section2 .state {
  padding-right: 49px;
  font-size: 14px;
  margin-top: 6px;
}

.new-job-box-left-con .address_section2 {
  padding-bottom: 0px !important;
}

.new-job-box-left-con .address_section2 .zip {
  font-size: 14px;
  margin-top: 6px;
}

.new-job-box-left-con .address_section #databank_city {
  margin-left: 16px;
}

.new-job-box-form-clander .input-field::after {
  position: absolute;
  right: 20px;
  content: "";
  width: 16px;
  height: 16px;
  background: url(../../../images/job-card-icon/Calendar.svg) no-repeat #fff !important;
  top: 34px;
}

.new-job-box-left-con .job_section3 .no_position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.new-job-box-left-con .section_4 {
  margin-top: 20px;
}

.new-job-box-left-con .section_4 .wages {
  font-size: 14px;
  margin-top: 6px;
}

.new-job-box-left-con .section_4 .wages-rate {
  font-size: 18px;
  margin-top: 10;
  margin-top: 7px;
  padding-right: 9px;
}

.new-job-cheack-box {
  margin-top: 4px;
}

.center input[type="checkbox"] {
  position: relative;
  width: 30px;
  height: 16px;
  -webkit-appearance: none;
  background: transparent;
  border-radius: 100px;
  outline: none;
  -webkit-box-shadow: inset 0 0 3px #046AC3;
          box-shadow: inset 0 0 3px #046AC3;
  -webkit-transition: .5s;
  transition: .5s;
}

.center input:checked[type="checkbox"] {
  background: transparent;
}

.center input[type="checkbox"]::before {
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background: #046AC3;
  border-radius: 50%;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: .5s;
  transition: .5s;
}

.center input:checked[type="checkbox"]::before {
  left: 50%;
}

.new-job-cheack-box .round label {
  background: transparent;
  border: 1px solid #DADADA;
  width: 106px;
  height: 38px;
  border-radius: 4px;
}

.new-job-cheack-box .round input[type="checkbox"]:checked + label {
  background-color: transparent;
  border-color: transparent;
  color: transparent;
  border: 1px solid #DADADA;
}

.new-job-box-right-con .card-box {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #B9B9B9;
  height: 648px;
  padding: 25px;
}

.new-job-box-right-con ul li a {
  text-align: center;
  font: normal normal 600 12px/20px Nunito Sans;
  letter-spacing: 0px;
  color: #323A47 !important;
  padding: 0 24px 11px 24px;
}

.new-job-box-right-con .nav-justified .nav-item {
  -webkit-box-flex: 0.2;
      -ms-flex-positive: 0.2;
          flex-grow: 0.2;
}

.new-job-box-right-con .nav-bordered a.active {
  border-bottom: 2px solid #046AC3 !important;
  color: #046AC3 !important;
}

.new-job-box-right-con .nav-bordered {
  border-bottom: none;
}

.new-job-box-right-con .card-box {
  margin-bottom: 24px;
}

/*new-job-box*/
.job_attachment_con .fileuploader-items-list .fileuploader-item {
  width: 33%;
  display: inline-block;
  padding: 9px 13px;
  margin: 20px 20px 0 15px;
}

.job_attachment_con .fileuploader-items-list .fileuploader-item .fileuploader-action-start {
  display: none;
}

.job_attachment_con .fileuploader {
  background: transparent;
}

.fileuploader-items .fileuploader-item {
  border: 1px solid #ebeef1 !important;
  border-radius: 4px;
}

.job_attachment_con .fileuploader-items-list .fileuploader-item .fileuploader-action-remove {
  position: absolute;
  top: -8px;
}

.job_details_field_con .input-field::after {
  position: absolute;
  right: 20px;
  content: "";
  width: 16px;
  height: 16px;
  background: url(../../../images/topbar_dropdown_icons/datafieldicon.svg) no-repeat #fff !important;
  top: 34px;
}

.job_attachment_con > .row {
  color: white;
}

.file-uploader {
  background-color: #dbefe9;
  border-radius: 3px;
  color: #242424;
}

#logocustamer {
  display: none;
}

.tab-contents #logo-drag label[for="logocustamer"] {
  line-height: 12px;
}

.tab-contents #file-drag label[for="customerdocument"] {
  line-height: 12px;
}

#customerdocument {
  display: none;
}

.customer_document_label {
  background: white;
  border: none;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 400;
  color: #aaaaaa;
  font-size: .8125rem;
}

.file-uploader__message-area {
  font-size: 16px;
  padding: 1em;
  text-align: center;
  color: #377a65;
  display: none;
}

.file-list {
  background-color: white;
  font-size: 16px;
  margin-top: 30px;
}

.file-list__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-list li {
  height: 50px;
  line-height: 50px;
  margin-right: 24px;
  margin-bottom: 15px;
  border: none;
  overflow: unset;
}

.removal-button {
  width: 20%;
  border: none;
  background-color: #d65d38;
  color: white;
}

.removal-button::before {
  content: "X";
}

.removal-button:focus {
  outline: 0;
}

.file-chooser > input[type="file"] {
  display: none;
}

.file-chooser {
  -webkit-transition: background-color 1s, height 1s;
  transition: background-color 1s, height 1s;
}

.file-chooser label {
  padding-left: 0;
  margin-left: 13px;
}

.file-chooser p {
  font-size: 18px;
  padding-top: 1em;
}

.file-uploader {
  max-width: 400px;
  height: auto;
  margin: 2em auto;
}

.file-uploader * {
  display: block;
}

.file-uploader input[type=submit] {
  margin-top: 2em;
  float: right;
}

.file-list {
  margin: 30px auto;
  max-width: 90%;
}

.file-list__name {
  max-width: 100%;
  float: left;
  font-size: 12px;
  letter-spacing: 0px;
  color: #AAAAAA;
}

.removal-button {
  display: inline-block;
  height: 100%;
  float: right;
}

.file-chooser__input {
  margin: 0 auto;
}

/*
.file-uploader__submit-button {
    width: 100%;
    border: none;
    font-size: 1.5em;
    padding: 1em;
    background-color: #72bfa7;
    color: white;
}
.file-uploader__submit-button:hover {
    background-color: #a7d7c8;
}
*/
.file-list li:after,
.file-uploader:after {
  content: "";
  display: table;
  clear: both;
}

.hidden {
  display: none;
}

.hidden input {
  display: none;
}

.select2-container--default .select2-selection--single {
  border-radius: 4px;
  padding: 4px 0 !important;
  height: 38px;
  background-color: #fff !important;
  /*border: 1px solid #aaaaaa;*/
  border: 1px solid #ced4da;
  color: #6c757d !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  padding: 14px 0;
  height: 0 !important;
}

.select2-container--default .select2-selection--single:hover {
  -webkit-box-shadow: 0px 1px 13px 0px #D4D4D4;
  box-shadow: 0px 1px 13px 0px #D4D4D4;
}

.shift-row-parent {
  min-height: 80px;
}

.file-list li {
  width: 30% !important;
  border: 1px solid #AAAAAA !important;
  border-radius: 4px !important;
  display: inline-block;
  height: auto;
  line-height: normal;
  padding: 9px 13px;
  position: relative;
}

.removal-button::before {
  font-size: 16px;
  position: relative;
  top: -9px;
  right: 1px;
  font-family: 'Material Design Icons';
  content: "\F015A";
}

.file-list {
  padding-left: 0;
  max-width: none !important;
}

.job_attachment_con ul li .removal-button {
  background: none !important;
  color: #d90001 !important;
  position: absolute;
  right: -31px;
  top: -10px;
}

.shift_require_label {
  color: #ff0100;
}

/*job table*/
.job-table thead tr {
  border-top: 1px solid #000;
}

.job-table tr .tooltip {
  top: 36%;
  -webkit-transform: translateY(-36%);
          transform: translateY(-36%);
}

.job-table thead tr th {
  font-size: 12px;
  font-weight: unset;
  color: #046AC3;
  white-space: nowrap;
}

.job-table tbody tr {
  border-bottom: 1px solid #cccccc;
}

.job-table tbody tr:nth-child(odd) {
  background-color: #F8F8F8;
}

.job-table-image {
  border-radius: 50%;
  height: 36px !important;
  width: 36px;
  margin: -5px 5px -5px 0px;
}

.job-table-btn {
  width: 12px;
  height: 12px;
  color: #046AC3;
  cursor: pointer;
  font-size: 12px;
  margin: 0px 2px;
}

.job-table-btn.delete {
  color: #D90915;
}

.job-table-btn.edit {
  color: #1272E0;
}

.table-input {
  background: #FFFFFF;
  border: 1px solid #AAAAAA;
  border-radius: 4px;
  opacity: 1;
  padding: 9px;
  margin: -5px 0px -7px 0px;
}

.table-calendar {
  position: absolute;
  margin: 7px -21px;
  font-size: 16px;
  color: #046AC3;
  content: "";
  right: 33px;
  top: 3px;
}

.card-box .job-table tbody tr td {
  padding-bottom: 0 !important;
  position: relative;
  vertical-align: middle;
  width: 13%;
}

/*job table*/
.select2-results__option {
  padding: .375rem 1.2rem !important;
  font-size: .8125rem;
  color: #6c757d !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: transparent;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: darkgrey;
}

.select2-container--default .select2-results__option[aria-selected]:hover {
  background-color: #f7f8f9;
  /*color:rgb(108, 117, 125) !important;*/
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
  background-color: darkgrey;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  /*    border-color: rgb(255 255 255) transparent transparent transparent !important;*/
  /*position: relative;*/
}

.select2-container--default .select2-selection--single .select2-selection__arrow b::after,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::after {
  content: "";
  display: inline-block;
  line-height: 0;
  opacity: 1;
  position: absolute;
  width: 10px;
  height: 6px;
  background: url(../../../images/DownArrowHeader.svg) no-repeat #fff !important;
  right: 2px;
  bottom: 12px;
}

.inner .dropdown-menu li a {
  white-space: normal;
}

.adress_detail_con .bootstrap-select .dropdown-menu li.disabled.active a {
  color: #fff;
}

.adress_detail_con .bootstrap-select .dropdown-menu li.disabled a {
  color: #323a46;
}

.swal2-icon.swal2-warning {
  display: none !important;
}

.swal2-popup .swal2-actions {
  margin: 0 !important;
}

.swal2-popup .swal2-styled.swal2-confirm,
.swal2-popup .swal2-styled {
  background: #ffffff !important;
  border: 1px solid #046AC3 !important;
  color: #000000 !important;
  margin-right: 8px !important;
  font-size: .8125rem !important;

  font-family: "Nunito Sans", sans-serif !important;
  padding: 9px 24px;
  line-height: 20px;
  font-weight: 700;
  padding: 9px 0 !important;
  width: 25%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.swal2-popup .swal2-styled.swal2-confirm:hover {
  background-color: #046AC3 !important;
  border-color: #046AC3 !important;
  color: #fff !important;
  -webkit-box-shadow: 0px 3px 12px #aaa !important;
  box-shadow: 0px 3px 12px #aaa !important;
}
.swal2-cancel.swal2-styled {
  background: #ffffff !important;
  border: 1px solid #046AC3 !important;
  color: #000000 !important;
  margin-right: 8px !important;
  font-size: .8125rem !important;
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}
.swal2-popup .swal2-styled.swal2-cancel:hover {
  background-color: #046AC3 !important;
  border-color: #046AC3 !important;
  color: #fff !important;
  -webkit-box-shadow: 0px 3px 12px #aaa !important;
  box-shadow: 0px 3px 12px #aaa !important;
}

.swal2-popup #swal2-content {
  padding: 25px 0 !important;
  font-size: 22px;
}

.swal2-popup .swal2-title {
  margin-bottom: 0 !important;
  color: #D90000;
}

.swal2-popup swal2-modal swal2-show {
  /*box-shadow: 0px 1px 12px 0px rgb(66 57 57);*/
}

.swal2-popup .swal2-styled {
  padding: .4em 2em;
}

/*
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::after {
    content: "\F0143";
}
*/
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  font-weight: 300;
}

.arrow-right-for-title {
  margin-right: 12px;
}

.jobsaveBtn {
  margin-right: 12px;
}

.input-field i.mdi.mdi-refresh {
  color: grey;
}

.logoicon {
  background: none;
}

.customer_document_label::after {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  right: 24px;
}

.parent_group .row > div label {
  color: #AAAAAA;
}

label.custom-control-label {
  color: #046AC3 !important;
}

.parent_group .row .custom-control.custom-checkbox {
  position: absolute;
  right: 40px;
}

.custom-control-label::before {
  left: -1.5rem !important;
}

.Weekend-Days-con {
  margin: 13px -12px 25px -12px;
}

.Weekend-Days-con .round label {
  background-color: #FFFFFF;
  border-radius: 15px;
  cursor: pointer;
  left: 0;
  position: absolute;
  top: 0;
  height: 30px;
  width: 55px;
  text-align: center;
  line-height: 2.5;
  font-size: 12px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #046AC3;
}

.Weekend-Days-con .round input[type="checkbox"]:checked + label:after {
  opacity: 0 !important;
}

.Weekend-Days-con .col {
  max-width: 12% !important;
}

.switcheroo-wrapper {
  position: relative;
  height: 2.9em;
  margin: 0;
  border: 1px solid #c7c7c7;
  border-top-left-radius: 17px;
  border-bottom-left-radius: 17px;
  border-top-right-radius: 17px;
  border-bottom-right-radius: 17px;
}

[name="settings[calculate_overtime]"],
.org_calculate_overtime {
  opacity: 0;
  position: absolute;
  top: 0%;
  width: 50%;
  font-size: 12px;
  height: 1.8em;
  z-index: 2;
  cursor: pointer;
}

[name="settings[calculate_overtime]"]:first-of-type,
.org_calculate_overtime:first-of-type {
  left: 0%;
  height: 3em;
}

[name="settings[calculate_overtime]"]:last-of-type,
.org_calculate_overtime:last-of-type {
  left: 50%;
  height: 3em;
}

[name="settings[calculate_overtime]"] + label,
.org_calculate_overtime + label {
  -webkit-box-shadow: inset -1px 1px 0px rgba(255, 255, 255, 0.11);
  box-shadow: inset -1px 1px 0px rgba(255, 255, 255, 0.11);
  margin: 0;
  /*border-right: 1px solid #c7c7c7;*/
  width: 50%;
  height: 1.8em;
  padding: .8em .2em .5em .2em;
  font-size: 1.1em;
  position: absolute;
  z-index: 0;
  text-align: center;
}

[name="settings[calculate_overtime]"] + label:first-of-type,
.org_calculate_overtime + label:first-of-type {
  /*left: 0%;*/
  left: 1%;
  /*border: 1px solid #c7c7c7;*/
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

[name="settings[calculate_overtime]"] + label:last-of-type,
.org_calculate_overtime + label:last-of-type {
  /*left: 50%;*/
  left: 49%;
  border-right: 0;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15);
  /*border: 1px solid #c7c7c7;*/
  border-left: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

[name="settings[calculate_overtime]"]:checked + label,
.org_calculate_overtime:checked + label {
  background: #046AC3;
  color: #fff;
  font-size: 12px;
  width: 50%;
  border-radius: 17px;
  /*height: 38px;*/
  height: 34px;
  margin-top: 1px;
}

[name="settings[calculate_overtime]"]:not(:checked) + label,
.org_calculate_overtime:not(:checked) + label {
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 12px;
  color: #323A47;
  /*width: 106px;*/
  width: 50%;
  border-radius: 17px;
  height: 36px;
}

.over-time-title h6 {
  float: none !important;
  font-weight: 500 !important;
  padding-left: 12px;
  color: #046AC3;
  margin: 0 0 10px 0 !important;
}

.main-stf-section .calendar::after {
  position: absolute;
  right: 20px;
  content: "";
  width: 20px;
  height: 20px;
  background: url(/images/customer_calendar.svg) no-repeat #fff !important;
  top: 30px;
}

[name="settings[pay_type]"],
.org_pay_type {
  opacity: 0;
  position: absolute;
  top: 0%;
  width: 50%;
  font-size: 12px;
  height: 1.8em;
  z-index: 2;
  cursor: pointer;
}

[name="settings[pay_type]"]:first-of-type,
.org_pay_type:first-of-type {
  left: 0%;
  height: 3em;
}

[name="settings[pay_type]"]:last-of-type,
.org_pay_type:last-of-type {
  left: 50%;
  height: 3em;
}

[name="settings[pay_type]"] + label,
.org_pay_type + label {
  -webkit-box-shadow: inset -1px 1px 0px rgba(255, 255, 255, 0.11);
  box-shadow: inset -1px 1px 0px rgba(255, 255, 255, 0.11);
  margin: 0;
  /*border-right: 1px solid #c7c7c7;*/
  width: 50%;
  height: 1.8em;
  padding: .8em .2em .5em .2em;
  font-size: 1.1em;
  position: absolute;
  z-index: 0;
  text-align: center;
}

[name="settings[pay_type]"] + label:first-of-type,
.org_pay_type + label:first-of-type {
  /*left: 0%;*/
  left: 1%;
  /*border: 1px solid #c7c7c7;*/
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

[name="settings[pay_type]"] + label:last-of-type,
.org_pay_type + label:last-of-type {
  /*left: 50%;*/
  left: 49%;
  border-right: 0;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15);
  /*border: 1px solid #c7c7c7;*/
  border-left: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

[name="settings[pay_type]"]:checked + label,
input.org_pay_type:checked + label {
  background: #046AC3;
  color: #fff;
  font-size: 12px;
  width: 50%;
  border-radius: 17px;
  /*height: 38px;*/
  height: 34px;
  margin-top: 1px;
}

[name="settings[pay_type]"]:not(:checked) + label,
input.org_pay_type:not(:checked) + label {
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 12px;
  color: #323A47;
  /*width: 106px;*/
  width: 50%;
  border-radius: 17px;
  height: 36px;
}

.docvalidateicon {
  background: white url(/images/topbar_dropdown_icons/uploadFileIcon.svg) left no-repeat;
  border: transparent;
  padding-left: 40px;
}

.calendar::after {
  position: absolute;
  right: 20px;
  content: "";
  width: 20px;
  height: 20px;
  background: url(/images/customer_calendar.svg) no-repeat #fff !important;
  top: 30px;
}

.logoicon {
  background: white url(/images/Upload_Image.svg) right no-repeat;
  border: 1px solid #ced4da;
  padding-right: 40px;
}

.nav-pills > li > a {
  color: #323a47;
  font-weight: 500;
}

/*mobile-resposive*/
@media only screen and (max-width: 1800px) {
  .Billing-Schedule-con .col {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 70.33333% !important;
            flex: 0 0 70.33333% !important;
    margin-bottom: 10px;
  }
  .Weekend-Days-con .col {
    max-width: 30% !important;
    margin-bottom: 22px;
    -webkit-box-flex: 30% !important;
        -ms-flex: 30% !important;
            flex: 30% !important;
  }
  .Weekend-Days-con .col:last-child {
    margin-bottom: 0 !important;
  }
  .m-portlet__body .col-lg-2 {
    -webkit-box-flex: 25%;
        -ms-flex: 25%;
            flex: 25%;
  }
  .m-portlet__body .col-lg-2 .calendar {
    float: none !important;
  }
  [name="settings[pay_type]"] + label:last-of-type {
    left: 50% !important;
  }
  [name="settings[calculate_overtime]"] + label:last-of-type {
    left: 50% !important;
  }
}

@media only screen and (max-width: 1550px) {
  .coustomer-tab-content .delete-col > label {
    display: none;
  }
  .logo-div-create #logo-image {
    margin-right: 14px;
  }
  .logo-div-edit #logo-image {
    margin-right: 14px;
  }
}

@media only screen and (max-width: 1365px) {
  body[data-layout-mode=horizontal] .content-page {
    margin-left: 240px !important;
  }
  body[data-layout-mode=default].sidebar-enable .content-page {
    margin-left: 240px !important;
  }
  body[data-sidebar-size=condensed] .content-page {
    margin-left: 50px !important;
  }
  /*.coustomer-tab-content .row .col-md-4,*/
  /*.coustomer-tab-content .row .col-lg-4,*/
  /*.coustomer-tab-content .row .col-lg-2*/
  /*{*/
  /*    max-width: 50% !important;*/
  /*    flex: 0 0 50.33333% !important;*/
  /*}*/
  .coustomer-tab-content .row .col-md-4 .form-control,
  .coustomer-tab-content .row .col-lg-4 .form-control,
  .coustomer-tab-content .row .col-lg-2 .form-control {
    margin-bottom: 10px;
  }
  .coustomer-tab-item > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  [name="settings[pay_type]"] + label:last-of-type {
    left: 54% !important;
  }
  [name="settings[calculate_overtime]"] + label:last-of-type {
    left: 54% !important;
  }
  #customerDropdownButton {
    margin-top: 18px;
  }
  #tooltip_img {
    margin-left: 256px;
  }
}

/*mobile-resposive*/
.bootstrap-select .dropdown-item.active,
.select2-container--default .select2-results__option[aria-selected=true] {
  font-size: .8125rem;
  color: #323A47 !important;
  background: transparent !important;
  font-weight: 600;
}

/*
.select2-container--default .select2-results__option[aria-selected]{
    color: #707070 !important;
}
*/
.select2-container--default .select2-results__option[aria-selected]:hover {
  background: transparent !important;
  color: #707070 !important;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
  color: #323A47 !important;
}

.job-detail-card .dropdown-item:hover {
  background: transparent !important;
}

.job_details_field_con .inner::-webkit-scrollbar,
.adress_detail_con .inner::-webkit-scrollbar,
.shift_details_con .inner::-webkit-scrollbar,
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 8px;
  height: 36px !important;
  max-height: 0 !important;
}

.job_details_field_con .inner::-webkit-scrollbar-thumb,
.adress_detail_con .inner::-webkit-scrollbar-thumb,
.shift_details_con .inner::-webkit-scrollbar-thumb,
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background: #707070;
}

.job_details_field_con .inner::-webkit-scrollbar-thumb:hover,
.adress_detail_con .inner::-webkit-scrollbar-thumb:hover,
.shift_details_con .inner::-webkit-scrollbar-thumb:hover,
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:hover {
  background: #707070;
}

.job_details_field_con .inner::-webkit-scrollbar-track,
.adress_detail_con .inner::-webkit-scrollbar-track,
.shift_details_con .inner::-webkit-scrollbar-track,
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background: #EBEBEB;
  border-radius: 11px;
  -webkit-box-shadow: inset 7px 10px 12px #EBEBEB;
          box-shadow: inset 7px 10px 12px #EBEBEB;
}

.bootstrap-select .bs-searchbox::after {
  position: absolute;
  right: 20px;
  content: "";
  width: 16px;
  height: 16px;
  background: url(../../../images/search.svg) no-repeat #fff !important;
  top: 20px;
  display: none;
}

label.error.active .job_details_field_con .bootstrap-select > .btn-light {
  border: 1px solid red;
}

#removeFile.tool-tip:hover:before {
  left: 7px;
}

#removeFile.tool-tip:hover:after {
  left: -11px;
  font-weight: 100;
}

.select2-container--default .select2-search--dropdown::after {
  position: absolute;
  right: 20px;
  content: "";
  width: 16px;
  height: 16px;
  background: url(../../../images/search.svg) no-repeat #fff !important;
  top: 20px;
}

.tab-contents input,
.tab-contents label[for="logocustamer"],
.tab-contents label[for="customerdocument"],
.tab-contents button {
  color: #747e86 !important;
  font-weight: 300;
  line-height: 22px;
  /*border-color: #AAAAAA;*/
  border-color: #ced4da;
  /*padding: 6px 13px !important;*/
  font-family: "Nunito Sans", sans-serif !important;
}

.select2-container--default .select2-selection--single,
.tab-contents button {
  height: 36px !important;
}

.tab-contents input[name="document[0][name]"] {
  padding: 6px 50px;
}

.tab-contents .calendar input {
  /*position: absolute;*/
  position: relative;
  bottom: 0;
  right: 0;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option-inner-inner,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover .filter-option-inner-inner,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus .filter-option-inner-inner,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active .filter-option-inner-inner {
  color: #adb5bd !important;
}

.dataTables_wrapper .dataTables_processing {
  background: rgba(0, 0, 0, 0.4);
}

div.dataTables_wrapper div.dataTables_processing {
  position: absolute !important;
  top: 10% !important;
  left: 6.2% !important;
  width: 100% !important;
  height: 1000px !important;
  margin-left: -100px !important;
  margin-top: -26px !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #ffffff66 !important;
  padding: 1em 0 !important;
}

@media only screen and (max-width: 1412px) {
  .counter_top_widget_row .col .card-box {
    padding: 0 7px 0 1px !important;
  }
}

@media only screen and (max-width: 954px) {
  .counter_top_widget_row .col .card-box {
    padding: 0 25px 1px !important;
  }
}

.loader_data {
  margin: 0 auto;
  position: absolute;
  font-size: 16px;
  left: 50%;
  top: 7%;
  border: 4px solid #f3f3f3;
  border-radius: 60%;
  border-top: 4px solid #046AC3;
  border-right: 4px solid #046AC3;
  border-bottom: 4px solid #046AC3;
  height: 47px;
  width: 47px;
  -webkit-animation: spin 1s linear infinite;
  /* Safari */
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@media only screen and (max-width: 1280px) {
  div.dataTables_wrapper div.dataTables_processing {
    position: absolute !important;
    top: 8.7% !important;
    left: 6.2% !important;
    width: 100% !important;
    height: 1000px !important;
    margin-left: -75px !important;
    margin-top: -26px !important;
    margin-bottom: 1000px !important;
    text-align: center !important;
    background: #ffffff66 !important;
    padding: 1em 0 !important;
  }
  .overlay_all_filters_popup h4 {
    font-size: 16px !important;
  }
}

[data-loader="1"] {
  display: inline-block;
  overflow: hidden;
  height: 36px;
  margin-top: 14px;
  position: absolute;
  z-index: 2222;
  bottom: 27px;
  /*background: rgb(255, 255, 255, .9)!important;*/
  width: 100%;
  text-align: center;
}

[data-loader="1"] div {
  display: inline-block;
  position: absolute;
  left: 20px;
  margin-left: 159px;
  height: 10px;
  top: 7px;
  width: 4px;
  background: #046AC3;
  -webkit-animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
          animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

[data-loader="1"] div:nth-child(1) {
  left: 41px;
  -webkit-animation-delay: -0.24s;
          animation-delay: -0.24s;
}

[data-loader="1"] div:nth-child(2) {
  left: 49px;
  -webkit-animation-delay: -0.12s;
          animation-delay: -0.12s;
}

[data-loader="1"] div:nth-child(3) {
  left: 56px;
  -webkit-animation-delay: 0;
          animation-delay: 0;
}

@-webkit-keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%,
  100% {
    top: 24px;
    height: 32px;
  }
}

@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%,
  100% {
    top: 24px;
    height: 32px;
  }
}

.data {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: 200px;
}

.data div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 10px;
  background: #046AC3;
  -webkit-animation: data 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
          animation: data 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.data div:nth-child(1) {
  left: 10px;
  -webkit-animation-delay: -0.24s;
          animation-delay: -0.24s;
}

.data div:nth-child(2) {
  left: 34px;
  -webkit-animation-delay: -0.12s;
          animation-delay: -0.12s;
}

.data div:nth-child(3) {
  left: 56px;
  -webkit-animation-delay: 0;
          animation-delay: 0;
}

@-webkit-keyframes data {
  0% {
    top: 8px;
    height: 60px;
  }
  50%,
  100% {
    top: 24px;
    height: 30px;
  }
}

@keyframes data {
  0% {
    top: 8px;
    height: 60px;
  }
  50%,
  100% {
    top: 24px;
    height: 30px;
  }
}

.pageResponse {
  min-height: 500px;
}

.file-list .col-lg-5 {
  margin-top: 15px;
}

.job-listing-top-bar-con::before {
  background: #FFFFFF;
  border-bottom: 1px solid #b0b5b9;
  content: "";
  position: absolute;
  width: 100%;
  height: 52px;
  margin-left: -26px;
}

.job-listing-top-bar-con ul {
  margin-bottom: 0;
  padding: 16px 0;
}

.job-listing-top-bar-con ul li {
  float: left;
  list-style: none;
}

.job-listing-top-bar-con ul li a h6 {
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  color: #323A47;
  display: inline-block;
  padding-left: 8px;
  margin: 0;
  font-weight: 400;
}

.job-listing-top-bar-con ul li {
  padding-right: 36px;
}

.Job-Listing-btn-right-sec-form {
  width: 384px;
  height: 258px;
  padding: 36px;
  margin-left: -125px;
}

.Job-Listing-btn-right-sec-form h4 {
  text-align: left;
  font: normal normal 600 20px/30px Nunito Sans;
  letter-spacing: 0px;
  color: #323A47;
  margin: 0;
}

.Job-Listing-btn-right-sec-form label {
  text-align: left;
  font-size: 12px;
  letter-spacing: 0px;
  color: #1DBC9C;
  padding-left: 0;
}

.Job-Listing-btn-right-sec-form .form-group {
  padding: 24px 0 36px 0;
  margin-bottom: 0;
}

.Job-Listing-btn-right-sec-form form button {
  width: 100%;
  color: #FFFFFF !important;
  font-size: 16px !important;
}

.job-listing-top-bar-con + div {
  padding-top: 25px;
}

/*.Job-Listing*/
/*new-job-box*/
.new-job-box {
  background: #FFFFFF;
  border-radius: 4px;
  padding: 24px 24px 80px 24px;
}

.new-job-box-left-title-con {
  padding-bottom: 24px;
}

.new-job-box-left-title-con h4 {
  text-align: left;
  font: normal normal 600 0.72727 Nunito Sans;
  letter-spacing: 0px;
  color: #323A47;
  margin: 0;
}

.new-job-box-left-title-con span {
  font: normal normal 600 10px/16px Nunito Sans;
  letter-spacing: 0px;
  color: #FF8900;
  text-transform: uppercase;
  border: 1px solid #FF8900;
  border-left: 4px solid #FF8900;
  border-radius: 4px;
  padding: 0 4px;
  float: right;
}

.new-job-box-left-con .new-job-box-form-clander {
  margin-top: 6px;
}

.new-job-box-left-con .new-job-box-form-clander label {
  margin-top: 6px;
}

.new-job-box-left-con .new-job-box-form-clander .start_date_cal .end_date_label {
  width: 124px;
}

.front_job_list_view .edit-span {
  margin-left: 6px;
}

.front_job_list_view .front_job_list_drop .dropdown-item {
  padding: 0.375rem 0.6rem !important;
}

.new-job-box-form-con,
.new-job-box-form-clander {
  padding-bottom: 25px;
}

.new-job-box-form-clander .input-field::after {
  position: absolute;
  right: 20px;
  content: "";
  width: 16px;
  height: 16px;
  background: url(../../../images/job-card-icon/Calendar.svg) no-repeat #fff !important;
  top: 40px;
}

.new-job-box-form-clander .end_date_in:after {
  right: 30px;
}

.center input[type="checkbox"] {
  position: relative;
  width: 30px;
  height: 16px;
  -webkit-appearance: none;
  background: transparent;
  border-radius: 100px;
  outline: none;
  -webkit-box-shadow: inset 0 0 3px #046AC3;
          box-shadow: inset 0 0 3px #046AC3;
  -webkit-transition: .5s;
  transition: .5s;
}

.center input:checked[type="checkbox"] {
  background: transparent;
}

.center input[type="checkbox"]::before {
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background: #046AC3;
  border-radius: 50%;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: .5s;
  transition: .5s;
}

.center input:checked[type="checkbox"]::before {
  left: 50%;
}

.new-job-cheack-box .round label {
  background: transparent;
  border: 1px solid #DADADA;
  width: 106px;
  height: 38px;
  border-radius: 4px;
}

.Job-Listing-btn-sec {
  padding-left: 17px;
  margin-top: 18px;
}

.Job-Listing-btn-right-sec .dropdown button {
  background: #046AC3 !important;
  color: #ffffff !important;
  border: none !important;
  height: 40px;
}

.new-job-box-right-con .tab-content > .active {
  margin-top: 0 !important;
}

.new-job-box-right-con .tab-content {
  padding-top: 0 !important;
}

.new-job-box-right-con .ql-toolbar.ql-snow {
  background: #FAFAFA;
  border: none;
  border-top: 2px solid #FAFAFA !important;
}

.new-job-box-right-con .ql-container.ql-snow {
  border: none !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
  height: 36px !important;
}

#job-Assignment-table tbody tr td .bootstrap-select > .dropdown-toggle.bs-placeholder {
  height: 34px !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option-inner-inner,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover .filter-option-inner-inner,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus .filter-option-inner-inner,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active .filter-option-inner-inner {
  color: #adb5bd !important;
}

#top_bar_menu_btn > button {
  width: 24px;
  height: 24px;
  border: 1px solid #046AC3;
  border-radius: 4px;
  color: #046AC3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#top_bar_menu_btn > button b {
  font-weight: 900;
  margin-top: -5px;
}

#top_bar_menu_btn > button:hover {
  background: #046AC3;
}

#top_bar_menu_btn > button:hover b {
  color: #ffffff;
}

#top_bar_menu_btn span a i {
  height: 24px;
  width: 24px;
  font-size: 22px;
  color: #046AC3;
}

.show > .btn-secondary.dropdown-toggle {
  background: #046AC3;
  color: #ffffff !important;
}

#top_bar_menu_btn > button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

#slidereveal .atbd_record_name {
  letter-spacing: 0px;
  color: #323A47;
  text-transform: uppercase;
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  line-height: 30px;
}

#slidereveal .hiringStatus-content {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  color: #323A47;
  margin: 0;
  padding: 4px 0;
}

#slidereveal .atbd_detail p {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  color: #323A47;
  margin: 0;
}

#slidereveal div.applicantWrapper div.applicantTopBoxWrapper {
  padding: 25px;
}

#slidereveal .atb_dataWrapper {
  margin-top: 0;
}

#app_slide_panel .loaderclass {
  position: absolute !important;
  width: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 17em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
  min-height: 2000px;
}

.loader_con {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #b5b2b266;
  z-index: 33;
}

.overlay_popup_load {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #b5b2b266;
  z-index: 33;
  top: 0%;
}

.overlay_popup_load .data {
  display: inline-block;
  position: relative;
  /* margin-top: 200px; */
  left: 50%;
  top: 50%;
  margin-top: 0px;
}

#overlay-dev-app-wrapper-action {
  top: 50%;
  position: absolute;
  content: "";
  z-index: 9595959595959;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#overlay-dev-app-wrapper-action .data {
  margin: 0;
}

.child_div_box {
  position: fixed;
  content: "";
  background: white;
  height: 30px;
  width: 100%;
  z-index: 1;
}

#slidereveal.applicant_quick_slider div.applicantWrapper div.applicantTopBoxWrapper.app_top_box {
  margin-top: 30px;
}

#slidereveal div.applicantWrapper .settings_tabs > li a {
  font-size: 14px;
  font-weight: 600;
  line-height: 35px;
}

#slidereveal.applicant_quick_slider {
  overflow: scroll;
}

.applicant_quick_slider {
  background: #fff;
}

.slide_class_new {
  position: relative;
}

#slidereveal.applicant_quick_slider div.applicantWrapper div.applicantTopBoxWrapper.app_top_box {
  position: fixed;
  max-width: calc(1032px - 60px);
  z-index: 1;
}

.applicant_quick_slider div.applicantWrapper .tab-pane {
  margin-top: 25px !important;
}

.applicant_quick_slider .data_con {
  position: relative;
  height: calc(100vh - 75px);
}

.applicant_quick_slider .data_con .data {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 0;
}

.employeeInfo-title h4,
.employeeInfo-Job-Description-con h4 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #323A47;
  margin: 0;
  padding-bottom: 36px;
}

.employeeInfo-information h6,
.employeeInfo-Job-Description-con span,
.Responsibilities-con span {
  font-size: 22px;
  line-height: 18px;
  font-weight: 500 !important;
  color: #046AC3;
  margin: 0;
  margin-bottom: 4px;
}

.employeeInfo-information p,
.employeeInfo-Job-Description-con p,
.Responsibilities-con p {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  color: #323A47;
  margin: 0;
}

.employeeInfo-information {
  padding-bottom: 25px;
}

.employeeInfo-information2 {
  padding-bottom: 50px !important;
}

.employeeInfo-Job-Description-con {
  border-top: 1px solid #707070;
  padding: 50px 0 36px 0;
}

.employeeInfo-Job-Description-con p:nth-child(4) {
  padding: 15px 0;
}

.Responsibilities-con p {
  margin-bottom: 20px !important;
}

.Skills-con {
  padding: 36px 0 48px 0;
}

.Basic-Information-btn {
  margin-bottom: 36px;
}

.new-job-cheack-box .round input[type="checkbox"]:checked + label:after {
  opacity: 0 !important;
}

.new-job-cheack-box .round input[type="checkbox"]:checked + label {
  background-color: transparent;
  border-color: transparent;
  color: transparent;
  border: 1px solid #DADADA;
}

.new-job-box-right-con .card-box {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #B9B9B9;
  height: 648px;
  padding: 25px;
}

.new-job-box-right-con ul li a {
  text-align: center;
  font: normal normal 600 12px/20px Nunito Sans;
  letter-spacing: 0px;
  color: #323A47 !important;
  padding: 0 24px 11px 24px;
}

.new-job-box-right-con .nav-justified .nav-item {
  -webkit-box-flex: 0.2;
      -ms-flex-positive: 0.2;
          flex-grow: 0.2;
}

.new-job-box-right-con .nav-bordered a.active {
  border-bottom: 2px solid #046AC3 !important;
  color: #046AC3 !important;
}

.new-job-box-right-con .nav-bordered {
  border-bottom: 2px solid #e6e6e6 !important;
  border: 0;
  position: relative;
  height: 47px;
}

.new-job-box-right-con .nav-justified {
  border: 0;
  position: relative;
  height: 47px;
}

.new-job-box-right-con .nav-item a {
  width: 163px;
  font-size: 15px;
  font-weight: 700;
}

.new-job-box-right-con .nav-item .job_benefit {
  margin-left: 25px;
}

.new-job-box-right-con .cke_contents {
  height: 467px !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
  height: 36px !important;
}

.new-job-box-right-con .card-box {
  margin-bottom: 50px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option-inner-inner,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover .filter-option-inner-inner,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus .filter-option-inner-inner,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active .filter-option-inner-inner {
  color: #adb5bd !important;
}

#top_bar_menu_btn > button {
  width: 24px;
  height: 24px;
  border: 1px solid #046AC3;
  border-radius: 4px;
  color: #046AC3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#top_bar_menu_btn > button b {
  font-weight: 900;
  margin-top: -5px;
}

#top_bar_menu_btn > button:hover {
  background: #046AC3;
}

#top_bar_menu_btn > button:hover b {
  color: #ffffff;
}

#top_bar_menu_btn span a i {
  height: 24px;
  width: 24px;
  font-size: 22px;
  color: #046AC3;
}

.show > .btn-secondary.dropdown-toggle {
  background: #046AC3;
  color: #ffffff !important;
}

#top_bar_menu_btn > button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.job-slide .job_position_slide {
  letter-spacing: 0px;
  color: #323A47;
  text-transform: uppercase;
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  line-height: 30px;
}

#slidereveal .atbd_record_name {
  letter-spacing: 0px;
  color: #323A47;
  text-transform: uppercase;
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  line-height: 30px;
}

#slidereveal .hiringStatus-content {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  color: #323A47;
  margin: 0;
  padding: 4px 0;
}

#slidereveal .atbd_detail p {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  color: #323A47;
  margin: 0;
}

#slidereveal div.applicantWrapper .settings_tabs > li a {
  font-size: 16px;
  font-weight: 600;
  line-height: 35px;
}

.employeeInfo-title h4,
.employeeInfo-Job-Description-con h4 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #323a47;
  margin: 0;
  padding-bottom: 36px;
}

.employeeInfo-information h6,
.employeeInfo-Job-Description-con span,
.Responsibilities-con span {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600 !important;
  color: #046AC3;
  margin: 0;
  margin-bottom: 4px;
}

.employeeInfo-information p,
.employeeInfo-Job-Description-con p,
.Responsibilities-con p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #323A47;
  margin: 0;
}

.employeeInfo-information {
  padding-bottom: 25px;
}

.employeeInfo-information2 {
  padding-bottom: 50px !important;
}

.employeeInfo-Job-Description-con {
  border-top: 1px solid #707070;
  padding: 50px 0 36px 0;
}

.employeeInfo-Job-Description-con p:nth-child(4) {
  padding: 15px 0;
}

.Responsibilities-con p {
  margin-bottom: 20px !important;
}

.Skills-con {
  padding: 36px 0 48px 0;
}

.Basic-Information-btn {
  margin-bottom: 36px;
}

.new-job-cheack-box .round input[type="checkbox"]:checked + label:after {
  opacity: 0 !important;
}

.new-job-cheack-box .round input[type="checkbox"]:checked + label {
  border: 1px solid #046AC3;
}

.new-job-box-right-btn button {
  font-size: 16px;
  font-weight: 600;
  background: transparent;
  color: #000000 !important;
  border-color: #046AC3;
}

.new-job-box-right-btn button:hover {
  color: #ffffff !important;
}

.Basic-Information-btn button {
  color: #000000;
  border: 1px solid #046AC3;
  background: none;
  font-size: 16px;
  font-weight: 600;
}

/* Data Picker Fields */
.right-inner-addon {
  position: relative;
  width: 100%;
  float: left;
}

.right-inner-addon input {
  padding-right: 30px !important;
}

.right-inner-addon span {
  position: absolute;
  right: 0px;
  padding: 0 13px;
  pointer-events: none;
  width: 20px;
  height: 20px;
  top: 50%;
  background: url(/images/customer_calendar.svg) no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.total_count_pagination > strong {
  color: #046AC3;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #ffffff !important;
  background-color: #046AC3 !important;
  text-align: center;
  border-radius: 0px 3px 3px 0px;
}

.settingsPagesContent .nav-pills .nav-link.active,
.settingsPagesContent .nav-pills .show > .nav-link {
  color: #24272E !important;
  background-color: transparent !important;
}

.settingsPagesContent .nav-pills > li > a:not(.active):hover {
  font-weight: 500;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b::after,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::after {
  border: none;
  bottom: -8px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0 !important;
  margin: 0 !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  margin: 0;
}

.overlay_all_filters_popup {
  -webkit-box-shadow: 0px 1px 13px 0px #D4D4D4;
          box-shadow: 0px 1px 13px 0px #D4D4D4;
}

.overlay_all_filters_popup h4 {
  font-size: 22px;
  font-family: "Nunito Sans", sans-serif !important;
  color: #24272E;
  line-height: 42px;
  font-weight: 800;
}

.parent_heading_stfr_filters h3 {
  font-size: 16px;
  font-family: "Nunito Sans", sans-serif !important;
  color: #24272E;
  line-height: 20px;
  font-weight: 800;
}

#working-time-card-box-table-con {
  width: 554px;
  padding: 24px;
  position: absolute !important;
  background: #ffffff;
  left: -384px !important;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 6px -2px #00000029, 0 2px 6px 0 #0000001f;
          box-shadow: 0 2px 6px -2px #00000029, 0 2px 6px 0 #0000001f;
  top: 46px !important;
}

/*Billing-Invoicing-btn-sec*/
.Billing-Invoicing-btn-con {
  width: 100%;
  padding: 24px 0;
  margin: 0;
}

.Billing-Invoicing-left-btn-con button .checkbox label::before {
  width: 15px !important;
  height: 15px !important;
}

.Billing-Invoicing-left-btn-con .selected-employees-inner {
  width: 256px !important;
  max-width: 256px !important;
  float: left;
}

.Billing-Invoicing-left-btn-con button label {
  padding-left: 0 !important;
  position: relative;
  top: -14px;
}

.Billing-Invoicing-right-btn-con button,
.Billing-Invoicing-left-btn-con button {
  font-size: 14px;
  color: #24272E;
  font-weight: 600;
  line-height: 20px;
  border: 1px solid #046AC3;
  padding: 9px 24px;
  margin-left: 12px;
  border-radius: 4px;
  background: transparent;
}

.staffer-border-box-detalis-section {
  padding: 16px 0 24px 0;
}

.inviced-label,
.Paid-lable,
.Pending-label,
.Paid-Invoice-lable {
  width: 103px;
  height: 22px;
}

.inviced-label {
  border: 1px solid #FF8900;
  border-left: 6px solid #FF8900;
  font-size: 12px;
  line-height: 20px;
  border-radius: 2px 0px 0px 2px !important;
  font-weight: 800;
}

.Paid-lable {
  border: 1px solid #046AC3;
  border-left: 6px solid #046AC3;
  border-radius: 2px 0px 0px 2px !important;
  font-size: 12px !important;
  line-height: 20px;
  width: 75px;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  margin-left: 0 !important;
  color: #046AC3 !important;
}

.Pending-label {
  border: 1px solid #046AC3;
  border-left: 6px solid #046AC3;
  border-radius: 2px 0px 0px 2px !important;
  font-size: 12px;
  line-height: 20px;
  color: #046AC3 !important;
}

.Paid-Invoice-lable {
  border: 1px solid #1789FC;
  border-left: 6px solid #1789FC;
  border-radius: 2px 0px 0px 2px !important;
  font-size: 12px;
  line-height: 20px;
  font-weight: 800;
  text-transform: uppercase;
  color: #046AC3 !important;
}

.Vendors-table tbody tr td {
  width: 25% !important;
}

.tooltip--box {
  background: transparent;
  margin: 0;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  cursor: pointer;
  width: 15px;
  height: 15px;
}

.tooltip--box:hover .tooltip--multiline {
  display: block;
}

.tooltip--multiline {
  background: #ffffff;
  color: #24272E;
  display: none;
  padding: 10px;
  position: absolute;
  bottom: 115%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  border: 1px solid var(--border-sepration-color);
  -webkit-box-shadow: 2px 4px 8px #00000029;
          box-shadow: 2px 4px 8px #00000029;
  border: 1px solid #DADADA;
  opacity: 1;
}

.tooltip--multiline:before {
  border-top: 10px solid #ffffff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}

.tooltip--multiline h3 {
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif !important;
  color: #1BB91F;
  line-height: 20px;
  font-weight: 400;
  white-space: nowrap;
  margin: 0;
}

.tooltip--multiline p {
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif !important;
  color: #24272E;
  line-height: 20px;
  font-weight: 400;
  white-space: nowrap;
}

.tooltip--box {
  background: transparent;
  margin: 0;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  cursor: pointer;
  width: 15px;
  height: 15px;
}

.tooltip--box:hover .tooltip--multiline {
  display: block;
}

.tooltip--multiline {
  background: #ffffff;
  color: #24272E;
  display: none;
  padding: 10px;
  position: absolute;
  bottom: 115%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  border: 1px solid var(--border-sepration-color);
  -webkit-box-shadow: 2px 4px 8px #00000029;
          box-shadow: 2px 4px 8px #00000029;
  border: 1px solid #DADADA;
  opacity: 1;
}

.tooltip--multiline:before {
  border-top: 10px solid #ffffff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}

.tooltip--multiline h3 {
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif !important;
  color: #1BB91F;
  line-height: 20px;
  font-weight: 400;
  white-space: nowrap;
  margin: 0;
}

.tooltip--multiline p {
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif !important;
  color: #24272E;
  line-height: 20px;
  font-weight: 400;
  white-space: nowrap;
}

.route_employee_assignments .fancybox-item.fancybox-close,
.route_employee_orders_assignment_detail .fancybox-item.fancybox-close,
.route_employee_assignment_edit .fancybox-item.fancybox-close,
.route_employee_assignment_detail .fancybox-item.fancybox-close {
  width: 0 !important;
}

/*Billing-Invoicing-btn-sec*/
div#slidereveal {
  min-width: 1032px;
}

button#add_update_shift:disabled {
  cursor: not-allowed;
}

.megamenu-list li {
  padding: 5px 20px 5px 25px !important;
}

.job-table .tooltip {
  white-space: nowrap;
}

.job-table tbody tr td:first-child {
  min-width: 185px !important;
}

.navbar-custom .container-fluid {
  height: 70px;
}

.job-table tbody tr td .form-control {
  background: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.job-table tbody tr td {
  position: absolute;
  bottom: -6px;
}

#job-Assignment-table tbody tr td label.error {
  bottom: 3px;
  padding: 0;
  margin: 0;
}

.route_create_assignment_for_employees tbody tr td [data-provide="datepicker"] + label.error {
  top: 35px;
}

.route_create_assignment_for_employees .job-Assignment-table tbody tr td [data-provide="datepicker"] + label.error {
  top: 3px;
}

.job-table tbody tr[id^="copy-"] td,
.job-Assignment-table tbody tr td {
  height: 75px;
}

/*.job-Assignment-table tbody tr td .bootstrap-select label.error{
    bottom: -25px;
}*/
.job-Assignment-table tbody tr td {
  height: auto !important;
  padding: 7px 9px 0 9px !important;
  vertical-align: top !important;
}

.job-Assignment-table tbody tr td label.error {
  position: relative;
  bottom: auto;
}

#job-Assignment-table tbody tr td:nth-child(11) {
  display: table-cell !important;
  vertical-align: middle !important;
}

table.dataTable thead .sorting {
  background-image: none;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: none;
}

.megamenu-list li {
  padding: 5px 20px 5px 25px !important;
}

.job-table .tooltip {
  white-space: nowrap;
}

.job-table tbody tr td:first-child {
  min-width: 185px !important;
}

.navbar-custom .container-fluid {
  height: 70px;
}

.job-table tbody tr td .form-control {
  background: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.job-table tbody tr td label.error {
  position: absolute;
  bottom: -6px;
}

.route_create_assignment_for_employees .job-table tbody tr td label.error {
  bottom: 0;
}

.job-table tbody tr[id^="copy-"] td,
.job-Assignment-table tbody tr td {
  height: 75px;
}

.fas.fa-eye, .fas.fa-eye-slash {
  cursor: pointer;
  color: #046AC3 !important;
}

/*.job-Assignment-table tbody tr td .bootstrap-select label.error{
        bottom: -25px;
    }*/
.job-Assignment-table tbody tr td {
  height: auto !important;
  padding: 7px 9px 0 9px !important;
  vertical-align: top !important;
}

.job-Assignment-table tbody tr td label.error {
  position: relative;
  bottom: auto;
}

#job-Assignment-table tbody tr td:nth-child(11) {
  display: table-cell !important;
  vertical-align: middle !important;
}

.megamenu-list li {
  padding: 5px 20px 5px 25px !important;
}

.job-table .tooltip {
  white-space: nowrap;
}

.job-table tbody tr td:first-child {
  min-width: 185px !important;
}

.navbar-custom .container-fluid {
  height: 70px;
}

.job-table tbody tr td .form-control {
  background: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.job-table tbody tr td label.error {
  position: absolute;
  bottom: -6px;
}

.route_create_assignment_for_employees .job-table tbody tr td label.error {
  bottom: 0;
}

.job-table tbody tr[id^="copy-"] td,
.job-Assignment-table tbody tr td {
  height: 75px;
}

/*.job-Assignment-table tbody tr td .bootstrap-select label.error{
        bottom: -25px;
    }*/
.job-Assignment-table tbody tr td {
  height: auto !important;
  padding: 7px 9px 0 9px !important;
  vertical-align: top !important;
}

.job-Assignment-table tbody tr td label.error {
  position: relative;
  bottom: auto;
}

#job-Assignment-table tbody tr td:nth-child(11) {
  display: table-cell !important;
  vertical-align: middle !important;
}

.left__side__menu > li:nth-child(3) {
  display: none;
}

[data-front-mode="true"] .left__side__menu > li:nth-child(3) {
  display: block;
}

.daterangeinit {
  cursor: pointer;
  min-width: 70px;
}

.daterangeinit > img {
  margin: 5px 0 0 8px;
  width: 10px;
  height: 10px;
}

.route_Show_single_applicant_record .job-details-view-header-img img {
  width: 100%;
}

.side-tab {
  text-align: left !important;
}

/*Job-Listing-header-left-con*/
.Job-Listing-header-left-con {
  max-width: 13% !important;
}

#Job-Listing-header-img img {
  max-height: initial !important;
  border-radius: 50% !important;
  margin-top: 0 !important;
}

#Job-Listing-header-img {
  width: auto !important;
}

.Job-Listing-header-right-title {
  margin-bottom: 4px;
}

.Job-Listing-header-right-con .employeeInfo-information {
  padding-bottom: 6px !important;
}

.route_Show_single_applicant_record .tooltip--box {
  left: auto;
}

#stf-tbs-pay-setup .card-box .form-inline label.error {
  color: #D6000C !important;
}

#stf-tbs-pay-setup #data_table thead + tbody tr:first-child {
  display: contents !important;
}

.route_Show_single_applicant_record table.table.job-table.pay-setup-count.Vendors-table {
  margin-top: 20px;
}

.route_Show_single_applicant_record #stf-tbs-pay-setup .card-box .form-inline label {
  padding-left: 0;
}

[data-front-mode="true"] #sidebar-menu .menuitem-active .custom_active,
[data-front-mode="true"] #sidebar-menu .menuitem-active .custom_active.active {
  color: #046AC3 !important;
}

[data-front-mode="true"] #sidebar-menu .menuitem-active .custom_active img [data-front-mode="true"] #sidebar-menu .menuitem-active > a.custom_active img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0) !important;
}

[data-front-mode="true"] #sidebar-menu .menuitem-active > a img.custom_active {
  -webkit-filter: grayscale(0);
  filter: grayscale(0) !important;
}

[data-front-mode="true"] #sidebar-menu .menuitem-active .active {
  color: #798096;
}

[data-front-mode="true"] .nav-second-level .menuitem-active .active img {
  -webkit-filter: grayscale(2);
  filter: grayscale(2) !important;
}

[data-front-mode="true"] img.custom_active {
  -webkit-filter: grayscale(0);
  filter: grayscale(0) !important;
}

ul.left__side__menu .nav-second-level li a:hover {
  text-decoration: none;
}

.add_link_dropdown a,
.dropdown-item.noti-title *,
.dropdown-megamenu-setting h5,
.dropdown-icon-item span,
.megamenu-list li a,
.profile-dropdown * {
  font-size: 14px;
}

.notification-list .notify-item .notify-details,
.notification-list .notify-item .user-msg {
  font-size: 13px;
}

[data-front-mode="true"] .full-screen-top-bar-icon::after {
  display: none;
}

.main_staffer_tabs .card-body .form-group.job_position_preselect {
  display: none !important;
}

.formio-component_jobPositions + div.formio-component_textField {
  display: none;
}

img.applicant_eye {
  margin-right: 10px;
}

#data_table_body .dropdown .btn {
  display: block;
}

.ui-draggable-dragging {
  border-style: dashed;
}

[data="Text Field"] {
  display: none !important;
}

.job_positions_qs .tool-tip:hover:after {
  left: 0px;
  padding: 1.3em 2em;
  position: absolute;
  text-align: left;
  font-size: 12px;
  border-radius: 4px;
  max-width: 150px;
  height: auto;
  white-space: normal;
  bottom: 22px;
}

.job_positions_qs {
  position: relative;
}

.job_positions_qs .detail.job_detail.tool-tip {
  position: unset;
}

.close_icon_qs {
  cursor: pointer;
}

.main_staffer_tabs .card ul {
  min-width: 280px;
  margin-bottom: 25px;
}

.main_staffer_tabs > .card > .card-header {
  min-width: 320px;
}

.main_staffer_tabs > .card > .card-body > [ref="component"] > label.col-form-label {
  display: none;
}

.main_staffer_tabs > .card > .card-header ul li:nth-child(4) {
  display: block !important;
}

/*Job-Listing-header-left-con*/
.left__side__menu .front_off_link {
  width: 160px !important;
  height: 38px;
  border: 1px solid #20CC7D;
  border-radius: 4px;
  opacity: 1;
  padding: 9px 22px !important;
  margin-left: 41px;
}

.left__side__menu .front_off_link img {
  -webkit-filter: none !important;
  filter: none !important;
}

.left__side__menu .front_off_line {
  margin-right: 43px !important;
}

.left__side__menu .front_off_link .front_off_text {
  -webkit-filter: none !important;
  filter: none !important;
  color: #20CC7D;
}

body[data-sidebar-size=condensed] .left__side__menu .front_off_line {
  color: #20CC7D;
  margin-right: 0px !important;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > .front_off_link:hover {
  background-color: #eceff1;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > .front_off_link {
  margin-left: -9px;
  border: none;
  width: 250px !important;
  margin-bottom: -28px;
  padding: 14px 24px !important;
}

.left__side__menu .back_off_link {
  width: 160px !important;
  height: 38px;
  border: 1px solid #6C16A2;
  border-radius: 4px;
  opacity: 1;
  padding: 9px 22px !important;
  margin-left: 41px;
}

.backOfficeDTH .dashboard_tile_header > .col-9 {
  min-width: 0px;
}

.left__side__menu .back_off_link img {
  -webkit-filter: none !important;
  filter: none !important;
}

.left__side__menu .back_off_line {
  margin-right: 9px !important;
}

.left__side__menu .back_off_link .back_off_text {
  -webkit-filter: none !important;
  filter: none !important;
  color: #6C16A2 !important;
}

.job-details-view-header-con .job-details-view-header-right-con .qs_btn_con {
  margin-right: 3%;
}

.route_Show_single_applicant_record .job-details-view-header-right-con .complete_address_qs {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

body[data-sidebar-size=condensed] .left__side__menu .back_off_line {
  color: #6C16A2;
  margin-right: 0px !important;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > .back_off_link:hover {
  background-color: #eceff1;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li > .back_off_link {
  margin-left: -9px;
  border: none;
  width: 250px !important;
  margin-bottom: -28px;
  padding: 14px 24px !important;
}

[data-front-mode="true"] .left__side__menu > li:nth-child(4) {
  display: block;
}

.overlay-dev-new-inner {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.overlay-dev-new-inner .data {
  margin: auto;
}

.stfr-dropdown-group-action {
  left: -155px !important;
}

.dropdown_zindex {
  z-index: 5001;
}

.jobpositions_list {
  display: block !important;
}

.Job-Listing-box-item-right-title-con .checkbox-success label {
  padding-left: 0px !important;
}

div.Job-Listing-box-item-right-title-con div.d-inline {
  padding-right: 8px !important;
}

.Job-Listing-box-item-right-title-con .checkbox {
  padding-left: 2px;
}

.job-image .job-heading {
  font-weight: bold;
}

.job-margin .job-status {
  font-size: 14px;
  font-weight: 600;
}

.job-margin .job-created {
  font-size: 14px;
  font-weight: 500;
}

.div_top_hypers {
  /* background-color:#eeeeee; */
  display: inline;
}

.ul_top_hypers li {
  display: inline;
}

.card-box .oTable .col-md-2 a {
  float: right;
  margin-right: 10px;
}

.card-box .oTable .col-md-2 .fa-close {
  float: right;
  margin: 4px 2px;
}

.frontOfficeInterviews, .dashboard-content-right-tooltip-box-title-section p, .dashboard-content-right-tooltip-box-title-section h3 {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (min-width: 1280px) and (max-width: 1365px) {
  .dashboard-content-main-con .dashboard-content-left-section .dashboard-content-right-tooltip-main-box {
    margin-left: 20% !important;
  }
  .Billing-Invoicing-left-btn-con button {
    font-size: 12px;
    padding: 9px 13px 9px 25px;
  }
  .Billing-Invoicing-right-btn-con button {
    font-size: 12px;
    padding: 9px 13px 9px 25px;
  }
  .assign_btn {
    font-size: 11px;
    padding: 11px 25px;
  }
}

@media (min-width: 1366px) and (max-width: 1919px) {
  .Job-Listing-box-item-content-con span {
    font-size: 12px;
  }
  body[data-layout-mode=horizontal] .custom_fields_tabs {
    min-width: 740px !important;
  }
  div.main-wrapper {
    padding: 15px 30px !important;
  }
  #slidereveal.applicant_quick_slider div.applicantWrapper div.applicantTopBoxWrapper.app_top_box {
    margin-top: 16px !important;
  }
}

@media (min-width: 1920px) and (max-width: 2559px) {
  .Job-Listing-box-item-content-con span {
    font-size: 12px;
  }
  .dashboard-content-right-tooltip-box .lable-title h5 {
    font-size: 14px;
  }
  div.main-wrapper {
    padding: 15px 30px !important;
  }
  #slidereveal.applicant_quick_slider div.applicantWrapper div.applicantTopBoxWrapper.app_top_box {
    margin-top: 16px !important;
  }
}

@media (min-width: 1366px) and (max-width: 1643px) {
  .route_frontOffice_home .dashboard-content-left-tooltip-box-body-con .lable-title h4.atbd_detail_content {
    font-size: 12px !important;
  }
  .customerList .text-center .col-6 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .text-center .col-6 .font-weight-normal {
    font-size: 11px !important;
  }
  .settingsPagesContent .new_sub_header .page-title.font-24 {
    font-size: 19px !important;
  }
  .job-margin .col-md-5 .job-flex .no-employee {
    font-size: 10px;
  }
  .staffer-border-box .data-info span {
    font-size: 11px;
  }
  .Job-Listing-box-item-content-con .col-lg-3 span {
    font-size: 11px;
    font-weight: bold;
  }
  .Job-Listing-box-item-content-con .col-lg-3 h6 {
    font-size: 12px;
  }
  .Job-Listing-box-item-content-con .jobListingBoxSpan {
    padding-left: 3px;
    padding-right: 0px;
  }
  .route_frontOffice_Jobs_list .Job-Listing-inner-box .card-group .row .Job-Listing-box-item-right-title {
    padding-right: 0px;
  }
  .dashboard-content-left-tooltip-box .dashboard-content-left-tooltip-box-body-con .row .col {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33.33333% !important;
            flex: 0 0 33.33333% !important;
    max-width: 33.33333% !important;
    -ms-flex-preferred-size: 1 !important;
        flex-basis: 1 !important;
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

.schedule-interview-wrapper #overlay-dev-app {
  color: #fff;
  position: fixed;
  height: 100%;
  width: 55%;
  z-index: 5000;
  top: 0;
  /* float: right; */
  text-align: center;
  background: #b5b2b266;
  margin-left: -31px;
}

.schedule-interview-wrapper #overlay-dev-app .data div:nth-child(1) {
  left: 10px;
  width: 7px !important;
  height: 24px !important;
  -webkit-animation-delay: -0.24s;
  animation-delay: -0.24s;
}

.schedule-interview-wrapper #overlay-dev-app .data div:nth-child(2) {
  left: 27px;
  width: 7px !important;
  height: 24px !important;
  -webkit-animation-delay: -0.12s;
  animation-delay: -0.12s;
}

.schedule-interview-wrapper #overlay-dev-app .data div:nth-child(3) {
  left: 44px;
  width: 7px;
  -webkit-animation-delay: 0;
  height: 24px !important;
  animation-delay: 0;
}

.schedule-interview-wrapper #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  margin-top: 500px;
  /* margin-top: 200px; */
}

#submit-feedback-modal #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
}

#submit-feedback-modal #overlay-dev-app .data div:nth-child(1) {
  left: 10px;
  width: 7px !important;
  height: 24px !important;
  -webkit-animation-delay: -0.24s;
  animation-delay: -0.24s;
}

#submit-feedback-modal #overlay-dev-app .data div:nth-child(2) {
  left: 27px;
  width: 7px !important;
  height: 24px !important;
  -webkit-animation-delay: -0.12s;
  animation-delay: -0.12s;
}

#submit-feedback-modal #overlay-dev-app .data div:nth-child(3) {
  left: 44px;
  width: 7px;
  -webkit-animation-delay: 0;
  height: 24px !important;
  animation-delay: 0;
}

#submit-feedback-modal #overlay-dev-app .data {
  display: inline-block;
  position: relative;
  top: 109px;
}

#Applicants-Hiring-con #overlay-dev-app {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 1000px !important;
  text-align: center !important;
  background: #b5b2b266 !important;
  padding: 1em 0 !important;
  z-index: 100;
  left: 0%;
  top: 0%;
}

#Applicants-Hiring-con #overlay-dev-app .data div:nth-child(1) {
  left: 10px;
  width: 7px !important;
  height: 24px !important;
  -webkit-animation-delay: -0.24s;
  animation-delay: -0.24s;
}

#Applicants-Hiring-con #overlay-dev-app .data div:nth-child(2) {
  left: 27px;
  width: 7px !important;
  height: 24px !important;
  -webkit-animation-delay: -0.12s;
  animation-delay: -0.12s;
}

#Applicants-Hiring-con #overlay-dev-app .data div:nth-child(3) {
  left: 44px;
  width: 7px;
  -webkit-animation-delay: 0;
  height: 24px !important;
  animation-delay: 0;
}

#Applicants-Hiring-con #overlay-dev-app .data {
  display: inline-block;
  position: relative;
}

.listview {
  float: right;
  margin-left: 10px;
  margin-right: 7px;
  -webkit-filter: grayscale(2);
  filter: grayscale(2);
}

.gridview {
  float: right;
}

.datepicker th.datepicker-switch {
  text-align: center;
}

#functionalArea .row #loadfunctionalArea .page-sub-header {
  margin-top: 3%;
}

#shifts .row #loadshift .page-sub-header {
  margin-top: 3%;
}

#visa .row #loadvisa .page-sub-header {
  margin-top: 3%;
}

#jobposition .row #loadposition .page-sub-header {
  margin-top: 3%;
}

#jobskills .row #loadskills .page-sub-header {
  margin-top: 3%;
}

#educationlevel .row #loadseducation .page-sub-header {
  margin-top: 3%;
}

#emailtemplate .row #loadstemplate .page-sub-header {
  margin-top: 3%;
}

#checklist #loadscheck_list .page-sub-header {
  margin-top: 3%;
}

#jobskills .row #loadskills .staffer-border-box span {
  display: inline-block;
  width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

#job_pagination .Job-Listing-box .Job-Listing-inner-box .customDataTablePageInfo {
  padding-right: 24px;
}

#job_pagination .Job-Listing-box .Job-Listing-inner-box .pagination-details {
  margin-top: 15px;
}

.signature-pad-canvas {
  max-height: 100px;
  width: 100%;
}

@media (min-width: 992px) and (max-width: 1643px) {
  .dashboard-content-right-tooltip-main-box #job_vs_employee_detail .align-items-center .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .dashboard-content-right-tooltip-main-box #job_vs_employee_detail .align-items-center .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .dashboard-content-right-tooltip-main-box #job_vs_employee_detail .align-items-center .col-lg-7 canvas {
    margin-left: 11%;
  }
  .dashboard_tile_action_btn_con .dashboard_tile_calender {
    min-width: auto;
  }
  .dashboard_tile_action_btn_con .dashboard_tile_calender .daterangeinit {
    min-width: auto;
  }
  .dashboard_tile_action_btn_con .dashboard_tile_calender .daterangeinit span {
    display: none;
  }
  .route_home .container-fluid .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .route_home .dashboard_stat_tile_top {
    padding: 17px 20px 0 20px;
  }
  .dashboard_stat_tile {
    height: 223px;
    -webkit-box-shadow: 0px;
            box-shadow: 0px;
  }
  .dashboard_tile_header > .col-9 {
    min-width: 0px;
  }
  .dashboard_body {
    padding: 8px 0 !important;
    min-height: 92px;
  }
  .route_home .dashboard_stat_bottom {
    line-height: 0px;
    padding: 0px;
    border-radius: 0px 0px 0px 0px;
  }
  .rout_home .d-flex.no-gutters.justify-content-between.text-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dashboard_stat_tile .dashboard_stat_bottom .justify-content-between .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dashboard_stat_tile .dashboard_stat_bottom .justify-content-between .col .changeOrder {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .dashboard_stat_tile .dashboard_stat_bottom .justify-content-around .col, .dashboard_stat_bottom .justify-content-around .col-lg-3, .dashboard_stat_bottom .justify-content-around .col-lg-6, .dashboard_stat_bottom .justify-content-around .col-xl-3, .dashboard_stat_bottom .justify-content-around .col-xl-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dashboard_stat_tile .dashboard_stat_bottom .justify-content-around .col .changeOrder, .dashboard_stat_bottom .justify-content-around .col-lg-3 .changeOrder, .dashboard_stat_bottom .justify-content-around .col-lg-6 .changeOrder, .dashboard_stat_bottom .justify-content-around .col-xl-6 .changeOrder, .dashboard_stat_bottom .justify-content-around .col-xl-3 .changeOrder {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .route_frontOffice_home .dashboard_tile_header {
    padding-bottom: 11px !important;
  }
  .route_frontOffice_home .dashboard_stat_bottom {
    padding: 0px 0px 13px 0px !important;
  }
  .dashboard_stat_bottom > div > .col, .dashboard_stat_bottom > div > .col-lg-3, .dashboard_stat_bottom > div > .col-lg-6, .dashboard_stat_bottom > div > .col-xl-6, .dashboard_stat_bottom > div > .col-xl-3 {
    padding-top: 9px;
    border-right: 0px solid #D7D7D7 !important;
    border: 0 0 0px 0;
    border-top: 1px solid #d7d7d7 !important;
    width: auto;
  }
  .route_home .dashboard_stat_bottom > div > .col:last-child {
    border-right: 0;
  }
  .route_home .dashboard_tile_header > .col-9 {
    min-width: 142px;
  }
  .route_home .dashboard_stat_bottom .d-flex {
    display: block;
  }
}

.colvis-dropdown .row {
  overflow-y: scroll;
  max-height: 230px;
}

.signature-pad-body[ref="padBody"] {
  height: 110px !important;
}

@media (min-width: 992px) and (max-width: 1505px) {
  .route_frontOffice_Jobs_list .Job-Listing-btn-right-sec button:last-child {
    padding: 6px 13px 5px 26px;
  }
  #roles_loaded .staffer-border-box {
    padding: 23px 14px 23px 14px;
  }
  .DTFC_ScrollWrapper td .job-margin .col-md-11 {
    display: none;
  }
  .DTFC_ScrollWrapper td .job-margin span {
    padding: 0% 50%;
  }
  .front_job_list_view .pageResponse #data_table_body tr td .job-margin .progress-num {
    margin-top: 0px;
  }
  .job-details-view-header-con .job-details-view-header-right-con .qs_btn_con {
    margin-right: 5%;
  }
}

.modal-backdrop {
  z-index: 999 !important;
}

.short-list-img, .onboarding-action-img {
  margin-left: 8px !important;
}

.send-offer-action-img {
  margin-left: 8px !important;
}

.nav-pills > .add-adjust-popup {
  color: #6c757d !important;
}

@media screen and (max-width: 1440px) {
  .route_create_assignment_for_employees .job-table tbody tr td label.error {
    position: relative !important;
    bottom: -5px !important;
    white-space: normal !important;
  }
  .route_create_assignment_for_employees .job-table tbody tr td [data-provide="datepicker"] + label.error {
    position: absolute !important;
  }
}

.datepicker .next.disabled, .datepicker .prev.disabled {
  visibility: unset !important;
}

.signature-pad-footer {
  font-size: 20px;
}

@media (min-width: 992px) and (max-width: 1279px) {
  .redirectResponsive {
    display: none !important;
  }
  body[data-sidebar-size=default] .dashboard_stat_bottom span.changeOrder {
    font-size: 10.4px !important;
  }
  .navbar-custom .topnav-menu-left {
    padding-left: 12%;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard_stat_tile {
    height: 177px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard_stat_bottom > div > .col, body[data-sidebar-size=default].sidebar-enable .dashboard_stat_bottom > div > .col-lg-3, body[data-sidebar-size=default].sidebar-enable .dashboard_stat_bottom > div > .col-lg-6, body[data-sidebar-size=default].sidebar-enable .dashboard_stat_bottom > div > .col-xl-6, body[data-sidebar-size=default].sidebar-enable .dashboard_stat_bottom > div > .col-xl-3 {
    padding-top: 3px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard_tile_heading {
    font-size: 13px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard_stat_tile_top.pt-0 {
    padding: 6px 11px 6px 17px !important;
  }
  body[data-sidebar-size=default].route_frontOffice_home.sidebar-enable .dashboard_stat_bottom {
    padding: 0px 0px 0px 0px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard_body {
    min-height: 59px !important;
    padding: 0px 0 !important;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard_tile_count {
    font-size: 40px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard_stat_tile_top.dashboardStatTile {
    padding: 15px 11px 0px 17px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .menu-arrow {
    right: 13px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .left__side__menu .back_off_link {
    width: 133px !important;
    padding: 7px 10px !important;
    margin-left: 18% !important;
  }
  body[data-sidebar-size=default].sidebar-enable .left-side-menu {
    width: 200px;
  }
  body[data-sidebar-size=default].sidebar-enable .content-page {
    margin-left: 200px !important;
  }
  body[data-sidebar-size=default].sidebar-enable #sidebar-menu > ul > li > a {
    width: 200px;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard-content-left-tooltip-box {
    padding: 20px 20px 25px 20px !important;
    margin-bottom: 23px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard-content-left-tooltip-box-body-con .lable-title h4 {
    font-size: 14px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard-content-left-tooltip-box-title {
    padding-bottom: 13px !important;
  }
  body[data-sidebar-size=default] .dashboard-content-left-tooltip-box {
    padding: 15px 20px 17px 20px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard-content-left-tooltip-box-title-con .dashboard-content-left-tooltip-box-title h3 {
    font-size: 15px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard-content-left-section .dashboard_tile_heading {
    font-size: 15px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard-content-right-tooltip-box-title-section h3 {
    font-size: 13px;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard-content-right-tooltip-box {
    padding: 24px 24px 15px 24px;
  }
  #sidebar-menu #side-menu .front_off_link {
    width: 141px !important;
    padding: 8px 14px !important;
    margin-left: 0px !important;
  }
  .sidebarSetting .nav-second-level li a {
    padding: 8px 18px !important;
  }
  .sidebarSetting .staffer-border-box {
    padding: 21px;
  }
  .route_home .dashboard-content-right-tooltip-box-title-section {
    max-width: 123px;
  }
  .staffer-border-box .data-info span {
    font-size: 13px !important;
  }
  div.page-sub-header div#filterBtns div.search_dropdown_mrgn__top {
    margin-top: 32px !important;
  }
  .complete_address_qs {
    min-width: 283px !important;
  }
  div.applicantWrapper div.applicantTopBoxWrapper div.atb_image {
    width: 14% !important;
  }
  div.applicantWrapper div.applicantTopBoxWrapper div.atb_dataWrapper {
    margin-left: 6px  !important;
  }
  #slidereveal.applicant_quick_slider div.applicantWrapper div.applicantTopBoxWrapper.app_top_box {
    max-width: calc(721px - 60px) !important;
  }
  div#slidereveal {
    min-width: 691px !important;
  }
  #slidereveal.applicant_quick_slider div.applicantWrapper div.applicantTopBoxWrapper.app_top_box {
    margin-top: 16px !important;
  }
  .applicant_quick_slider div.applicantWrapper .settings_tabs {
    margin-top: 183px !important;
  }
  #slidereveal div.applicantWrapper .settings_tabs > li a {
    font-size: 14px !important;
  }
  .interview-row-btns s.assign_btn {
    font-size: 14px;
    padding: 11px 11px;
  }
  .note_title_section .note_title_edit {
    padding-left: 43%;
  }
  .dataTables_wrapper .dataTables_paginate ul.pagination {
    margin-top: 7px !important;
  }
  .complete_address_qs {
    min-width: 122px !important;
  }
}

@media (min-width: 1281px) and (max-width: 1365px) {
  .dashboard-content-left-tooltip-box-con #fo_interview {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body[data-sidebar-size=default] .content-page {
    margin-left: 240px !important;
  }
  .route_frontOffice_home .dashboard-content-right-tooltip-box {
    width: 90% !important;
    padding: 24px 16px 12px 25px !important;
    margin-bottom: 40px !important;
  }
  .route_frontOffice_home .dashboard-content-left-section .dashboard-content-main-con .col-md-12, .col-lg-12 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .route_frontOffice_home .dashboard-content-left-section {
    padding: 26px 5px !important;
  }
  .route_frontOffice_home .dashboard-content-left-section .dashboard-content-left-tooltip-box-title {
    height: 59px !important;
  }
  .route_frontOffice_home .dashboard-content-left-section .dashboard-content-left-tooltip-box-title .stfr_body_clr {
    font-size: 13px;
  }
  .route_frontOffice_home .dashboard-content-left-section .dashboard_ajax_get_response {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .route_frontOffice_home .dashboard-content-left-section .dashboard-content-left-tooltip-box {
    margin-right: 1% !important;
    margin-left: 1% !important;
    padding-left: 20px !important;
    height: 170px !important;
    max-width: 48% !important;
  }
  .route_frontOffice_home .dashboard-content-left-section .dashboard_tile_header .dashboard_tile_heading {
    padding-left: 3% !important;
  }
  .route_frontOffice_home .dashboard-content-left-section .dashboard_tile_action_btn_con {
    padding-right: 3% !important;
  }
  .route_frontOffice_home .dashboard-content-left-tooltip-box-body-con .sentDocs {
    padding-right: 0px !important;
  }
  .dashboard_ajax_get_response .dashboard_stat_bottom {
    padding: 0px 0px;
  }
  body[data-sidebar-size=condensed].route_frontOffice_home.sidebar-enable .content-page {
    margin-left: 70px !important;
  }
  .dataTables_wrapper .dataTables_paginate ul.pagination {
    margin-top: 7px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dashboard_stat_tile .dstt {
    padding: 33px 37px 0 37px !important;
  }
  .route_frontOffice_home .dashboard_stat_bottom {
    padding: 0px 0px 13px 0px !important;
  }
  .dashboard_stat_bottom > div > .col, .dashboard_stat_bottom > div > .col-lg-3, .dashboard_stat_bottom > div > .col-lg-6, .dashboard_stat_bottom > div > .col-xl-6, .dashboard_stat_bottom > div > .col-xl-3 {
    padding-top: 9px;
    border-right: 0px solid #D7D7D7 !important;
    border: 0 0 0px 0;
    border-top: 1px solid #d7d7d7 !important;
    width: auto;
  }
  .route_home .dashboard_stat_bottom > div > .col:last-child {
    border-right: 0;
  }
  body[data-layout-mode=horizontal].sidebar-enable .content-page, body[data-layout-mode=horizontal].sidebar-enable.route_Fo_Applicant_Create .content-page {
    margin-left: 208px !important;
  }
  body[data-layout-mode=horizontal] .content-page {
    margin-left: 0px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .left-side-menu .menu-arrow {
    right: -22px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .left__side__menu .back_off_link {
    width: 133px !important;
    padding: 7px 10px !important;
    margin-left: 18% !important;
  }
  body[data-sidebar-size=default].sidebar-enable .left-side-menu {
    width: 200px;
  }
  .topnav-menu .d-sm-block .new_header_btn {
    width: 30px;
  }
  .topnav-menu .d-sm-block .new_header_btn span.addTextHeader {
    display: none !important;
  }
  .navbar-custom .container-fluid #staffer__logo {
    margin-left: 4% !important;
  }
  .navbar-custom .container-fluid .topnav-menu-left .header-colap-btn {
    margin-left: 64px !important;
  }
  .navbar-custom .container-fluid .topnav-menu-left .header-colap-btn .vl {
    margin-left: 60px !important;
  }
  .navbar-custom .container-fluid .topnav-menu-left .new_head_add_btn {
    margin-left: 24px !important;
  }
  .dashboard_tile_action_btn_con .dashboard_tile_calender {
    min-width: auto;
  }
  .dashboard_tile_action_btn_con .dashboard_tile_calender .daterangeinit {
    min-width: auto;
  }
  .dashboard_tile_action_btn_con .dashboard_tile_calender .daterangeinit span {
    display: none;
  }
  .container-fluid .dsttop {
    margin-top: 24px !important;
  }
  body[data-sidebar-size=default].sidebar-enable.route_frontOffice_home .content-page {
    margin-left: 40px !important;
    margin-right: 12px !important;
  }
  body[data-sidebar-size=default].route_frontOffice_home.sidebar-enable .content-page {
    margin-left: 215px !important;
  }
  .job-details-view-header-right-con {
    padding-right: 0px;
  }
  .job-details-view-header-con {
    padding: 25px 1px !important;
  }
  .job-details-view-header-img {
    width: 82px;
    overflow: visible !important;
  }
  .card-box.staffer_card_box {
    padding: 0.2rem !important;
    -webkit-box-shadow: 0 0px 0px 0 !important;
            box-shadow: 0 0px 0px 0 !important;
  }
  .note_title_section .notetitle {
    padding-left: 25px;
  }
  .route_home .container-fluid .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dashboardStatTile {
    padding: 33px 37px 0 37px !important;
  }
  .dashboard_stat_tile .dstt {
    padding: 24px 37px 0 37px !important;
  }
  .dashboard_ajax_get_response .dashboard_stat_tile_top {
    padding: 0px 37px 0 37px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard_stat_tile {
    height: 223px;
    -webkit-box-shadow: 0px;
            box-shadow: 0px;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard_tile_header > .col-9 {
    min-width: 0px;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard_body {
    padding: 8px 0 !important;
    min-height: 92px;
  }
  body[data-sidebar-size=default].route_home .dashboard_stat_bottom {
    line-height: 0px;
    padding: 0px;
    border-radius: 0px 0px 0px 0px;
  }
  body[data-sidebar-size=default].rout_home.sidebar-enable .d-flex.no-gutters.justify-content-between.text-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dashboard_stat_tile .dashboard_stat_bottom .justify-content-between .col, .dashboard_stat_tile .dashboard_stat_bottom .justify-content-around .col, .dashboard_stat_bottom .justify-content-around .col-lg-3, .dashboard_stat_bottom .justify-content-around .col-lg-6, .dashboard_stat_bottom .justify-content-around .col-xl-3, .dashboard_stat_bottom .justify-content-around .col-xl-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dashboard_stat_tile .dashboard_stat_bottom .justify-content-between .col .changeOrder, .dashboard_stat_tile .dashboard_stat_bottom .justify-content-around .col .changeOrder, .dashboard_stat_bottom .justify-content-around .col-lg-3 .changeOrder, .dashboard_stat_bottom .justify-content-around .col-lg-6 .changeOrder, .dashboard_stat_bottom .justify-content-around .col-xl-6 .changeOrder, .dashboard_stat_bottom .justify-content-around .col-xl-3 .changeOrder {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .dashboard_tile_header {
    padding-bottom: 11px !important;
  }
  .dashboard_stat_bottom {
    padding: 0px 0px !important;
  }
  body[data-sidebar-size=default].route_home .dashboard_stat_bottom > div > .col:last-child {
    border-right: 0;
  }
  body[data-sidebar-size=default].route_home .dashboard_tile_header > .col-9 {
    min-width: 142px;
  }
  body[data-sidebar-size=default].route_home .dashboard_stat_bottom .d-flex {
    display: block;
  }
  body[data-sidebar-size=default].sidebar-enable #sidebar-menu > ul > li > a {
    width: 209px;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard_ajax_get_response .dashboard_stat_bottom {
    padding: 0px 0px;
  }
  body[data-sidebar-size=default].sidebar-enable .dashboard-content-left-tooltip-box-body-con .sentDocs, body[data-sidebar-size=default].sidebar-enable .dashboard-content-left-tooltip-box-body-con .progressDocs, body[data-sidebar-size=default].sidebar-enable .dashboard-content-left-tooltip-box-body-con .submitDocs, body[data-sidebar-size=default].sidebar-enable .dashboard-content-left-tooltip-box-body-con .ApprovedDocs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .dashboard-content-main-con .documentComp, .dashboard-content-main-con .interviewSec {
    padding-left: 0px;
    padding-right: 0px;
  }
  body[data-sidebar-size=default].sidebar-enable .lable-title h5, body[data-sidebar-size=default].sidebar-enable .lable-title p {
    font-size: 11px !important;
  }
  body[data-sidebar-size=default].sidebar-enabl.lable-title h4 {
    font-size: 15px !important;
  }
  .page-sub-header .page-sub-header {
    min-height: 75px;
  }
  #sidebar-menu #side-menu {
    max-width: 209px;
  }
  #sidebar-menu ul#side-menu a {
    max-width: 170px;
  }
  body[data-sidebar-size=default].sidebar-enable #sidebar-menu > ul > li > a:last-child {
    max-width: 300px;
    width: 229px;
  }
  ul.left__side__menu li a span {
    font-size: 12.4px !important;
  }
  #job_vs_employee_detail #pieChart {
    width: 233px;
    height: 280px;
  }
  #sidebar-menu #side-menu .front_off_link {
    width: 141px !important;
    padding: 8px 14px !important;
    margin-left: 30px;
  }
  .settings_tabs > li a, .settings_tabs > li a:hover, .settings_tabs > li a.active {
    font-size: 11px !important;
    padding: 10px 4px 7px 4px !important;
  }
  .setting-sec-lable h5 {
    font-size: 14px;
  }
  .bootstrap-select.form-control .dropdown-toggle .filter-option-inner-inner {
    font-size: 11px;
  }
  body[data-layout-mode=horizontal].sidebar-enable .content-page.sidebarSetting {
    margin-left: 197px !important;
  }
  .setOvertimeRate {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
            flex: 0 0 50% !important;
    margin-top: 0.5rem;
  }
  .Billing-Invoicing-left-btn-con button, .Billing-Invoicing-right-btn-con button {
    padding: 8px 12px !important;
    margin-left: 4px !important;
    font-size: 11px;
  }
  .Billing-Invoicing-left-btn-con .selected-employees-inner {
    width: 167px !important;
  }
  .Billing-Invoicing-right-btn-con .assign_btn, #ajax_loaded_adjustments .assign_btn {
    padding: 11px 11px !important;
  }
  #ajax_loaded_adjustments .functionButtons {
    margin-left: 3px;
  }
  #ajax_loaded_adjustments .page-title {
    padding-left: 0px !important;
  }
  .nav-justified.custom_fields_tabs .nav-item {
    padding: 0px 8px;
  }
  body[data-layout-mode=horizontal] .custom_fields_tabs {
    min-width: 414px !important;
  }
  .dropdown-menu.custom_fields_tabs {
    left: -81px !important;
  }
  .tab-pane .new_sub_header .page-sub-header {
    margin-top: 56px !important;
  }
  #response_table th.date_heading span:last-child {
    font-size: 17px !important;
  }
  .route_customer_list .search_dropdown_custmr_top {
    left: calc(100% - 879px) !important;
    height: 238px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .sidebarSetting .settingsPagesContent {
    padding-left: 5px !important;
    padding-right: 0px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .sidebarSetting div.menuitem-active > div.show > div.card-box {
    padding: 1.5rem 1rem  !important;
  }
  body[data-sidebar-size=default].sidebar-enable .nav-justified.custom_fields_tabs .nav-item {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .settings_tabs ul.custom_fields_tabs > li > a {
    padding: 4px 1px 4px 0px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .custom_fields_tabs {
    min-width: 319px !important;
  }
  .advance_searchbar_con {
    min-width: 103px !important;
  }
  #ajax_loaded_adjustments .assign_btn {
    padding: 12px 5px !important;
    font-size: 10px !important;
  }
  #ajax_loaded_adjustments .customerLst {
    padding-right: 2px !important;
    padding-left: 0px !important;
  }
  .route_job_form .listview {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }
  .route_job_form .assign_btn {
    padding: 11px 11px;
  }
  .advance_searchbar_con img {
    margin-left: 2px;
  }
  form#form_assign_permissions_to_role {
    width: 100% !important;
    overflow: auto !important;
  }
  div.page-sub-header div#filterBtns div.search_dropdown_mrgn__top {
    margin-top: 32px !important;
  }
  .complete_address_qs {
    min-width: 283px !important;
  }
  div.applicantWrapper div.applicantTopBoxWrapper div.atb_image {
    width: 14% !important;
  }
  div.applicantWrapper div.applicantTopBoxWrapper div.atb_dataWrapper {
    margin-left: 6px  !important;
  }
  #slidereveal.applicant_quick_slider div.applicantWrapper div.applicantTopBoxWrapper.app_top_box {
    max-width: calc(721px - 60px) !important;
  }
  div#slidereveal {
    min-width: 691px !important;
  }
  #slidereveal.applicant_quick_slider div.applicantWrapper div.applicantTopBoxWrapper.app_top_box {
    margin-top: 16px !important;
  }
  .applicant_quick_slider div.applicantWrapper .settings_tabs {
    margin-top: 183px !important;
  }
  .note_title_section .note_title_edit {
    padding-left: 7% !important;
  }
  .interview-row-btns .assign_btn {
    font-size: 14px !important;
    padding: 11px 11px !important;
  }
  .displayNavSmall {
    display: block !important;
    margin: 20px 0px !important;
  }
  .displayNavLarge {
    display: none !important;
  }
  .detail_view #v-pills-tab .side-tab:not(#stf-tbs-adjustments-tab), .displayNavSmall #stf-tbs-adjustments-tab {
    width: 33% !important;
  }
  .main-stf-section {
    margin-top: 0px !important;
  }
  .route_Show_single_applicant_record .section-top[data-id=personalInformation] #personalInformation {
    margin-top: 0rem !important;
  }
  .complete_address_qs {
    min-width: 132px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .dob_qs, body[data-sidebar-size=default].sidebar-enable .phoneNumber_qs {
    display: none;
  }
  .route_frontOffice_Jobs_list .page-sub-header .function_btns #data_table_custom_search {
    width: 63% !important;
  }
  .dataTables_wrapper .dataTables_paginate ul.pagination {
    margin-top: 7px !important;
  }
  #data_table_wrapper #data_table_filter {
    display: none;
  }
  .left-side-menu .nav-second-level li a {
    padding: 8px 17px !important;
  }
  tr:first-child > td > .fc-day-grid-event {
    margin-left: 12px !important;
  }
  .job-details-image-left {
    max-width: 23.66667%;
  }
  .job-details-view-header-right-con {
    max-width: 76.33333%;
  }
  body[data-sidebar-size=default].sidebar-enable .atbd_detail .ssn_qs {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36%;
            flex: 0 0 36%;
    max-width: 36%;
  }
  .complete_address_qs {
    min-width: 122px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .complete_address_qs {
    min-width: 64% !important;
  }
  body[data-sidebar-size=default].sidebar-enable .job-details-view-header-right-con h1 {
    font-size: 14px;
  }
  .detail_view .atbd_detail span {
    font-size: 12px;
  }
  .atbd_detail label {
    font-size: 10px;
  }
  .job-details-view-header-right-con h1 {
    margin-bottom: 2px;
  }
  .route_Show_single_applicant_record .qs_btn_con {
    top: -9px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .detailsHeader, body[data-sidebar-size=default].sidebar-enable .detailsHeaderCustomSwitch {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .detailsHeader {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .detailsHeaderCustomSwitch {
    max-width: 40%;
  }
  .dropdown-menu.dropdown-megamenu.dropdown-megamenu-without-bg.stfr-dropdown-group-action.show {
    min-width: 460px !important;
  }
  .detail_view div.applicantWrapper .inprogress_border {
    margin-left: 7px;
  }
  body[data-layout-mode=horizontal].route_Fo_Applicant_Create .content-page {
    margin-left: 40px !important;
  }
  div.applicantWrapper .settings_tabs > li a {
    padding: 2px 9px !important;
  }
  .route_Show_single_applicant_record.sidebar-enable .job-details-view-header-right-con {
    padding-left: 4px !important;
  }
  .route_Show_single_applicant_record.sidebar-enable .job-details-view-header-right-con .company_qs {
    padding-right: 0px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .displayNavSmall #stf-tbs-adjustments-tab {
    width: 50% !important;
  }
  .applicantWrapper .displayNavSmall, .applicantWrapper .main-stf-section {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  body[data-sidebar-size=default].sidebar-enable .main-stf-section #pageResponse, .activeAdjustments {
    overflow: auto !important;
  }
  .route_job_form.sidebar-enable .job-wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .main_staffer_tabs .card ul {
    overflow-x: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 54px;
  }
  button#reset_emp_form_btn, button#previous_btn, button#save_and_continue_btn, button#save_and_close_btn {
    padding: 9px 15px 8px 15px;
  }
  body[data-sidebar-size=default] .main_staffer_tabs .card .tab-pane .form-group > [class^=col-md-3],
  body[data-sidebar-size=default] .main_staffer_tabs .card .tab-pane .form-group > [class^=col-md-5],
  body[data-sidebar-size=default] .main_staffer_tabs .card .tab-pane .form-group > [class^=col-md-4] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  body[data-sidebar-size=default] .main_staffer_tabs .card .card-header + .tab-pane .form-group > [class^=col-md-4] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-EmergencyContactInformationGrid-removeRow"], .main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-workExperienceGrid-removeRow"], .main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-educationGrid-removeRow"], .main_staffer_tabs > .card > .card-body > [ref="component"] > .datagrid-table button[ref="datagrid-referencesGrid-removeRow"] {
    padding: 5px 7px 5px 20px;
  }
}

@media (min-width: 1779px) {
  .route_frontOffice_home .dashboard_stat_tile .dstt {
    padding: 34px 24px 0 24px !important;
  }
}

.add_emailtemplate .note-editor.note-frame .note-placeholder {
  color: #747e86;
}

.action_button_email {
  padding: 2.5em 5.5em 2em 5.5em;
}

.emp_image_footer {
  max-width: 115px;
  width: 100%;
  height: 50px;
  margin-top: 48px;
  opacity: 1;
  margin-left: -20px;
}

.emp_img {
  height: 50px;
  border-radius: 47px;
}

.email_footer_addr {
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  font-stretch: normal;
  font-variant: normal;
  font-family: 'Poppins', sans-serif;
  margin-left: -10px !important;
  color: #323A47;
  float: left;
  margin-left: -8px;
  opacity: 1;
}

@media screen and (max-width: 720px) {
  .footer_content .email_footer_addr {
    margin-left: -10px !important;
  }
}

@media screen and (max-width: 880px) {
  .action_button_email {
    padding: 2.5em 5.5em 2em 1.5em;
  }
  .emp_image_footer {
    margin-left: -21px;
  }
}

@media screen and (max-width: 796px) {
  .action_button_email {
    padding: 2.5em 1.5em 2em 1.5em;
  }
  .emp_img {
    height: 30px;
  }
  .email_footer_addr {
    margin-left: -10px;
  }
}

@media screen and (max-width: 722px) {
  .action_button_email {
    padding: 2.5em 1.5em 2em 0.5em;
  }
  .email_footer_addr {
    margin-left: -10px;
  }
}

@media screen and (max-width: 992px) {
  .emp_image_footer {
    margin-left: -20px;
  }
}

.footer_content {
  margin: auto;
  border-bottom: 1px solid #18CC7D;
  padding-bottom: 7px;
}

@media (min-width: 918px) and (max-width: 991px) {
  body[data-sidebar-size=default].sidebar-enable .dashboard_stat_tile .dstt {
    padding: 19px 16px 0 16px !important;
  }
  .dashboard_stat_tile .dstt {
    padding: 33px 37px 0 37px !important;
  }
}
/*# sourceMappingURL=style.css.map */